Component gallery
Every shared UI primitive in @dc/ui. Toggle the theme (top right) to check light and dark.
Buttons
Variants, sizes, states and icons.
Badges
NeutralAccentSuccessWarningDanger
Form controls
Labels, hints, errors and adornments.
Your display name.
Password is too short.
Cards
Plain card
A simple surface for grouping content.
List
- HomeBack to the hub
- SettingsNew
- Account
Typography
Heading XL
Heading LG
Heading MD
Body text in the default tone.
Muted body text for secondary information.
Subtle small text for captions.
Tabs
Overview panel content.
Loading states
Empty state
Nothing here yet
Empty states guide the user toward the next action.
Overlays
Dialog, bottom sheet and confirmation.
Toasts
Icons
20 icons in the shared set.
home
grid
search
plus
close
check
chevron-down
chevron-right
chevron-left
arrow-left
user
settings
sun
moon
monitor
logout
alert
info
trash
menu