IconButton
Icon buttons expose compact, icon-first actions with the same Material 3 shape, color, and size variants as the library component.
Props
| Name | Description | Default | Control |
|---|---|---|---|
toggleableOptional | Whether the button is toggleable (like a checkbox). When true, the button must contain an input element of type checkbox or radio. boolean | undefined | undefined | |
colorOptional | The color style of the button. filledtonaloutlinedstandard | - | |
sizeOptional | The size of the button. extra-smallsmallmediumlargeextra-large | - | |
shapeOptional | The shape of the button. roundedsquare | - | |
widthOptional | The width of the button. defaultnarrowwide | - | |
hrefOptional | The href attribute. If provided, the button will be rendered as an anchor element. string | undefined | - | |
iconOptional | Name of the icon. string | undefined | - | |
disabledOptional | Whether the button is disabled. boolean | undefined | undefined |
Events
No events documented.
Slots
| Name | Parameters | Description |
|---|---|---|
default | - | Default slot for the main content of the icon button. Receives `disabled` as a prop. |