Overview
Studio exposes two different property sets for the same components, depending on where you are editing. So there are two component catalogs, and picking the right one matters.
Both are large reference documents, published in full as their own pages — Component Properties and Themed Component Properties.
Which one you want
Use the general reference when you are working on the canvas: you have a component selected and you want to know what a property is called, what events it fires, or what the schema stores behind a panel label. Its useful jump points:- Universal Style Properties, the 72 style keys every one of the 53 types shares, grouped as Appearance, Border, Effects, Flexbox, Geometry, Position, Spacing and Typography.
- Available Widgets, by Category, the catalog table covering Charts, Data Display, Disclosure, Feedback, Forms, Layout, Media And Icons, Others, Overlay and Typography, with each type’s own property and event counts.
backgroundColor, color, borderRadius, borderWidth, borderColor, opacity) and 13 universal Layout properties, plus whatever is distinctive about each type. The themed reference also records which types each universal property is hidden or restricted for, and the container only and stack only applicability rules on the layout properties.
In both, each component’s own section lists only what is distinctive about it. Badge has 4 properties of its own, Button has 8, and a pure layout component such as Box has none beyond the universal set.
Related
Component properties
The full general catalog: 53 types, every property, everywhere in Studio.
Themed component properties
The full themed catalog: the narrower set the Create Themed Component dialog offers.
Style and tokens
The two property planes, colour tokens, typography names and breakpoints.
Themed components
How to create and apply a preset.