Basic Usage
Icon-only button with accessible label
primary
secondary
ghost
outline
danger
Variants
Different icon button variants
primary
secondary
ghost
outline
danger
Browse components
IconButton
Icon-only button for compact actions and toolbars.
atoms 6 variants
Variants / states: primarysecondarydangerghostoutlinelink
Live example
Default usage you can copy and adapt.
Props
The props you are most likely to need, with types and defaults.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| variant | string | No | primary | Icon button style variant |
| size | string | No | md | Icon button size |
| disabled | boolean | No | false | Disable the icon button |
| type | string | No | button | HTML button type |
| label | string | No | — | Accessible label for icon-only buttons |