Component Playground

Buttons

Badges

Primary Success Warning Error Tonal Outlined

Inputs

Toasts

Cards

Surface card

Default card style used throughout the app.

Primary card

Filled with the primary color.

Success card

Tonal success variant.

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Body text β€” regular paragraph with bold, italic, and underline.

Small muted text for secondary information.