The Properties Panel will manage any styling you want to apply to your Component. Select the Component you want to add styles too, and the properties panel will provide you with one or all of these choices to edit, Position, Width, Height, Layout, and Styles.

Styling options

Styling options

Position - Functions just like CSS position.
Width and Height - You can select from auto, fixed, or fill. It also has options for setting a min and a max if you select the plus sign.
Layout - Functions very similar to Figma auto layout. The CSS that is applied is Flex-box.
Styles - You can set any additional CSS properties you need in the Styles section.

We suggest visiting MDN documentation as a reference and guideline.

Box with width, height, overflow, borer-radius set

Box with width, height, overflow, borer-radius set

Layout row vs. column

Layout row vs. column

📘

Additional ways to style

Inline styles or className can be set as a property of the Component as well.