Skip to main content

I need help in building components like in this example from Carbon Design System UI Kit:


image


Meaning that part of the component is clickable and its dropdown is “unselected”. I know I can “trim” a component by changing its size while holding command button but it is not that, as you can see in the screen that this square button has “hug” properties.

Hi there,


Thanks for the post. Just to clarify, would you like to have two states of the button? If that’s the case, I think you can utilize Variants in Components.


Variants allow you to group and organize similar components into a single container. You can learn more:

Figma Learn - Help Center

I’m not 100% sure what you’d like to achieve, so please feel free to let me know, if I may be misunderstanding the points!


Thanks,

Toku

Terms & ConditionsCookie settings