Open the component's properties panel and select Appearance. Use the Layout, Layout Height, Layout Width, Background, Border, Typography, and Theme sections to style it.
Customize Appearance of Components
FAQs
How do I style a selected component?
How do I add custom CSS to a component?
Add Custom CSS from the component's actions menu. The editor validates CSS as you type and shows "Invalid CSS syntax detected" for invalid syntax. On mobile apps, use style JSON instead of CSS.
How do I use theme colors instead of custom colors?
Choose a theme token from the Brand Colours, Status Colours, or Secondary Colours groups to keep the component synchronized with the design system. Use a custom hex color with alpha only for one-off exceptions.
Can I style hover and focus states or reuse a component's appearance?
Yes. Use pseudo-state styles for Default, Hover, and Focus states. You can also use Copy appearance to or Copy appearance from another component.
Last updated : 10 November 2026, 07:07 AM