Properties are the information you pass to a component's composition or children.
The image below has a Counter Component that passes a text value to the composition to render next to the current value.
Properties can be added to a Component in several ways, either from the Configuration menu or by selecting the add/plus button from the Properties section.
Once you select the add/plus button, a Configuration menu will open where you can name the property, add a Description, add a Documentation link, set the Control type, and set the placeholder.
I made a new text property, set the control type to an Input, and added a placeholder value. If we exit the Configuration menu, we will see the text prop under the Properties section with our placeholder.
We can use this new text prop to add some text to the Counter Component.
The typography component can now use the value passed from the Counter Component text property.
Updated 14 days ago