Skip to main content
Question

Variant interactions break in child instances when nesting in a slot based component

  • April 14, 2026
  • 0 replies
  • 14 views

claus.stadel

This seem like a bug when prototyping with slot based components.

If you have a component that change variant from a click or while hovering, this interaction breaks in the prototype when these components are put inside a slot based instance, and that instance is then turned into a new component.

Demo of issue here - try clicking or hovering the Red instances.

Design file here: 

My setup is like this:

  1. The child components change variant when you click or hover
  2. I then have a parent component that has a slot in it. If I put instances of my child components inside an instance of the parent component the prototype runs smoothly.
  3. If I then turn the above parent instance into a component of its own the interactions on the child instances does not work in the prototype.