Why It Matters
Boolean properties add flexibility to components without increasing variant complexity. Instead of creating separate "Button with Icon" and "Button without Icon" variants, you use a single "hasIcon" boolean property. In the properties panel, booleans appear as toggles, making them intuitive for designers to use.
Examples
1
A "hasIcon" boolean that shows or hides the icon slot in a button component.
2
An "isRequired" boolean that toggles the asterisk visibility on form labels.
3
A "showDivider" boolean controlling separator visibility in list items.
Related Terms
Variant Property
A configurable attribute of a component set that allows users to switch between different variations of a component, such as size, state, or type.
Component Set
A group of related component variants combined into a single component with configurable properties, allowing users to switch between variants without swapping components.
Instance
A linked copy of a main component that inherits its properties and automatically updates when the main component changes.
Explore More Design Terms
Browse our complete glossary of Figma and design systems terminology.