Add custom component data to your design system
Using component properties, you can add many layers of information about 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 compoents and they can also be used in Supernova documentation.
In the components view, each column represents a component property.
Properties require the following details:
The types of properties that can be added:
An editable number
A true or false value, displayed in the list as a toggle
A select input, with options that can be changed
Displayed as code
An external link
A link to a documentation page in Supernova
A connection to a Figma component that has been imported to Supernova
A select property type requires one or more options.
To edit a property value for a component, edit the value for the input on the component row.
Different property types have different methods of editing. A text property can be edited in place, a boolean value is a toggle that can be changed.
This documentation was created using Supernova's fully customizable documentation engine.Start building your docs now!
© 2022 Supernova.io