Components/

Elements

18 elements shipped across 3 groups. Each tile opens a documentation page with interactive preview and full token / a11y notes.

Interactive

Controls that respond to input — buttons, toggles, keys. 6

Button 5 variants (primary/secondary/ghost/danger/success), 3 sizes, tweak slots.

CTA-button High-emphasis call-to-action link with animated arrow, hover glow, optional live dot.

Button-group Joined row of buttons or toggles with shared borders.

Kbd Inline keyboard key indicator. Native .

Switch On/off toggle on native checkbox. Track + thumb in CSS.

Toggle Button that retains pressed state via aria-pressed.

Form

Form-subsystem fields and composites. 7

Field-group Canonical form composite. Label + control + helper/error.

Inline-form-group 1–3 labelled fields + submit in one pill — inline search / filter / subscribe.

Form-divider Section break with embedded text ("or sign in with").

Form-button Submit button with data-state for submitting/success/error.

Select Natively-styled