Icon button · Cyber
A compact icon-only button with solid, soft, outline and ghost variants, three sizes, a label tooltip, an optional badge, and loading and disabled states.
Design · Cyber17 / 20
Clipped-corner key with HUD brackets outside the cut; soft and outline variants are framed with a neon edge and the tooltip is a bordered uppercase tag.
Motion
The glyph springs up from 60% with a small overshoot on every tap, and the button presses to 97%.
Accent
A compact icon-only button with solid, soft, outline and ghost variants, three sizes, a label tooltip, an optional badge, and loading and disabled states.
buttonicontoolbaractiontooltipbadgeaccessible