15.03Component
Buttons.
One primary recipe on Glacier, one on mesh-dark. Everything else is a secondary or ghost. The new `primary` variant on the shared Button replaces the inline copy-paste across the codebase.
Primary
Secondary
Outline
Ghost
Destructive
Link
On mesh-dark
Primary mesh
Sizes
Default
Large
Small
Extra small
- primary
- bg-abyss text-glacier shadow-primary hover:bg-abyss-2
- primary-mesh
- bg-white text-abyss shadow-on-mesh hover:bg-arc-tint
- height
- h-9 default · h-10 lg · h-8 sm · h-6 xs
- radius
- rounded-md (8px control radius)
- focus
- 3px arc-soft ring + arc border