Properties
These are the documented properties for the selected component. Adding a value to any properties will pass the value to the selected component. You can left-click properties to reveal any documentation tied to them.

example of documented properties listed
If you need additional properties, for example, an onClick
event or spread
you can add these to the Additional Properties
section below the Properties
.

Additional Properties Example
Additional Properties
When you need additional properties that are not part of the components configuration, you can add them in this section. For example, you may be using a Box
component from Clutch UI Kit and want to use an event like onClick
or onMouseEnter
to do something.
You can select the +
icon choose add property
to add the event property to the component.

Adding an onClick
and onMouseEnter
Example
If you need to spread
some properties on the component you can also add that to the Additional Properties
too.

Add spread property

a spread property
More info
Watch an overview of properties panel
Updated about 2 months ago