Webflow Hack: Unlock Multiple Variants With Nested Components

Поділитися
Вставка
  • Опубліковано 4 гру 2024

КОМЕНТАРІ • 11

  • @andresochoa3040
    @andresochoa3040 14 годин тому +2

    Wow! this is great! Are you planning to add this new future to your lumos styleguide?

  • @jelenajovanovic1472
    @jelenajovanovic1472 9 годин тому +1

    Thank you Timothy!

  • @allblue1120
    @allblue1120 14 годин тому +4

    Just one thing I ran into with Webflow Variants. You can't use separate interactions for each Variant

  • @nazone4492
    @nazone4492 9 годин тому

    Thanks, awesome as always!
    Would love to see how nested variants could be handled with whole sections

  • @vladimirpetroski7089
    @vladimirpetroski7089 14 годин тому

    So cool! Webflow is becoming so powerful, it's beyond me how far they've come! Great great video Tim, I love learning about variants! Thanks a lot!

  • @oviSavescu
    @oviSavescu 31 хвилина тому

    ⚠PSA: fix to turn these fake buttons into actual link blocks that have a slot inside for icons (Webflow won't allow you to add slots inside links):
    1. just follow this video, but at the end, go into the top-level component called "Button" and edit it
    2. select the top-level 'button_wrap' div
    3. right-click it > Convert to > Link Block (or use CMD/CTRL+E and type 'convert to link block'
    4.go into the settings of the component and map the new "Link" setting to a prop on the Button Component.
    5. Profit! 🎉
    The reason why he's not using a link block from the start is that WebFlow doesn't allow you to add slots inside of Links or Buttons.
    Thanks Mr. Ricks, for another amazing tutorial! ❤

  • @daniel_q40
    @daniel_q40 13 годин тому +1

    Brilliant

  • @skylartkitchen
    @skylartkitchen 5 годин тому

    Somehow you read my mind every time a new feature gets released 😍

  • @Infernus-n1z
    @Infernus-n1z 14 годин тому

    Hi Tim, great video, thanks for everything you're doing.
    I have a question regarding the Lumos Nav component. Do you have any idea how we can create a link from the dropdown toggle, similar to the one on the Apple website? When hovering over it, we want it to act like a link block that can be clicked, while still opening the dropdown. If I explained this correctly, on mobile devices, the dropdown would be open by default.

  • @Hamdouche.M
    @Hamdouche.M 14 годин тому

    Can you make a video on how to create an SEO-friendly accordion FAQ?

  • @GermanLazarev
    @GermanLazarev 17 хвилин тому

    I call you Nikola Tesla from Webflow🙌