Layout
Box
Bleed
Columns
Inline
Inset
Rows
Stack
Components
Button
ButtonSymbol
Input
Separator
Symbol
Text
Contexts
AccentColorProvider
ThemeProvider
Tokens
Color
Radii
Shadows
Spacing
Typography
🍔
Button
Basic
Light Mode
Button
Button
Button
Button
Button
Button
Dark Mode
Button
Button
Button
Button
Button
Button
Show code
Playroom
Colors
Dark Mode
Light Mode
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Show code
Playroom
Sizes
Dark Mode
Light Mode
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Show code
Playroom
Widths
A button can either span the width of the container via
full
, or span the width of its content via
fit
.
Button
Button
Show code
Playroom
Emojis
Light Mode
🤡
Button
🤡
Button
🤡
Button
🤡
Button
🤡
Button
Dark Mode
🤡
Button
🤡
Button
🤡
Button
🤡
Button
🤡
Button
Show code
Playroom
Symbols
Light Mode
QR Code
I've saved my words
Dark Mode
QR Code
I've saved my words
Show code
Playroom
