Hi everyone,
Since we don’t have docs yet, I wanted to provide a few notes on the subject of adding links to your layout elements and how that interacts with things like effects and interactions. Here’s a rough outline of what’s possible with these changes.
- Layout Elements are: Section, Row, Column, Grid, Cell, and Div
- Inspect any Layout element and you can now change the tag to
<a>which will reveal a link control. (Because nested anchors are invalid HTML, this introduces routines to remove nested anchor tags and replace them with divs or spans depending on the context.) - When inspecting a Layout element, go to the Effects controls and you can enable Link Child Interactions. This will cause hover interactions to propagate down and trigger different kinds of interactions on child elements.
- Most element color pickers have been updated with a version that supports both a Base and Interaction color. You’ll see both colors side-by-side in the color picker when interaction colors are enabled.
- Headlines also have a link option now, but it wraps the tag instead of changing the base tag.
- When Particles is enabled, it also links the button colors. We haven’t decoupled this yet as it’s a but more involved, but intend to before the official release.
Try it out and let us know how it goes!
