Components
Buttons
Primary, secondary, outline, ghost, destructive, and link variants — with elevated and aurora treatments, sizes, and states.
AdresXAdresX· Playground v2Primary, secondary, outline, ghost, destructive, and link variants — with elevated and aurora treatments, sizes, and states.
Variants
Elevated — tinted shadow
elevated adds a soft drop shadow tinted with the variant's own hue — available in every theme. Only the variants with a defined tinted shadow (primary, destructive) respond. Compare with the flat defaults on the right.
Aurora — glowing primary
aurora layers two soft, blurred orbs (primary + accent) behind the label for a modern, glowing look. Designed for the primary variant; pairs well with elevated.
Sizes
States
Grouped
View toggle
Toolbar
Split button
Filter group
Bulk actions