Key value component states

Currently, the lunacy component state only separates the variant using a single label. It will be great to divide it with a more explicit and semantic method like key-value properties, as Figma does.

component variant names:

  • colorMode=dark, size=large
  • colorMode=light,size=medium

in Figma, those single label will be converted automatically to key-value properties that can change dynamically via the sidebar properties menu when using the component.

1 Like