tuix-icon-button
A square button whose whole label is one icon.
tuix-icon-button is tuix-button with an icon in
place of a label: same variants, same states, same event.
Loading the components…
Variants
Loading the components…
The icon is always 24px; the padding shrinks with the viewport: 16px, 12px below 1280px, 8px below 640px.
Clicks
Like the button, it fires customClick, not click.
Loading the components…
API
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
icon | icon | IconName | arrow-down | The icon to draw, always at 24px |
variant | variant | MainVariant | primary | primary is filled, secondary is outlined |
disabled | disabled | boolean | false | Greys the button out and blocks customClick |
dark | dark | boolean | false | Dark palette |
Events
| Event | Detail | When |
|---|---|---|
customClick | None | The button is clicked and not disabled. Bubbles |
Accessibility
The button has no text, so its accessible name comes from the outside: