Using component properties, you can add many layers of information to a component in your design system, such as statuses, links to documentation and other sources, links to components in Figma, boolean values or notes. These properties can be used to track information about your components, and they can also be used in Supernova documentation.
In the components table, each column represents a component property.
Types of custom properties
The types of properties that can be added:
|
Text |
Editable text |
|---|---|
|
Number |
An editable number |
|
Boolean |
A true or false value, displayed in the list as a toggle |
|
Select |
A select input, with options that can be changed |
|
Code |
Displayed as code |
|
URL |
An external link |
|
Documentation link |
A link to a documentation page in Supernova |
|
Figma component |
A connection to a Figma component that has been imported to Supernova |