Components · Core / Button

28px dense action button — primary / default / ghost / icon-only

Always 28px tall. Primary is filled with --at-flush-600. Default sits on white with a hairline border that darkens to --at-plum-700 on hover. Ghost is transparent until hovered. Every button wears the flush focus ring.

Variants

With leading icon

Focus-visible · ring

Same ring on every focusable element: --ring-accent.