Icon button · Playful
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 · Playful15 / 20
Chunky 2px outlined button with a drop shadow that presses down and a bouncy spring; ghost reveals its outline on hover.
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