Actions
Icon button
Repeated and toolbar actions lose their labels and keep their meaning. Every icon button carries an accessible name and a tooltip, so stripping the text never strips the message, and the hit target stays at 40px even when the glyph is 16px.
npx shadcn@latest add @minflow/icon-buttonWhere to use it
- Toolbars, row actions, and anywhere the same action repeats down a list.
- Inside inputs and cards where a word would crowd the content.
- Never for an action a first-time user could not guess from the glyph alone.
Variations
Glyph sizes
16 for dense rows, 20 for standalone controls, 24 for touch-first surfaces. The hit area stays 40px in all three.
Accent
Marks the one primary action in an otherwise neutral toolbar.
Disabled
When the action is unavailable but its position should stay stable, so the toolbar does not reflow.