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.
Nested Instance
A component instance placed inside another component, creating hierarchical component structures that maintain connections to multiple main components.
Explore More Design Terms
Browse our complete glossary of Figma and design systems terminology.