Components · Actions

IconButton

A key with a single icon. Always give it a label; it becomes the accessible name and tooltip.

jsx

import { IconButton } from '@andeus/ui';

Variants and states

jsx

<IconButton icon="edit" label="Edit" />
<IconButton icon="trash" label="Delete" variant="ink" />
<IconButton icon="reload" label="Reset" round />
<IconButton icon="eye" label="Focus" active />

Props

Prop	Type	Default
icon	`IconName`	Required
label	`string`	Required	Accessible name.
size	`'s' \| 'm' \| 'l'`	'm'
variant	`'secondary' \| 'ink' \| 'ghost'`	'secondary'
round	`boolean`	false
active	`boolean`	false	Latched (pressed-in) state.
disabled	`boolean`	false
onClick	`(e: React.MouseEvent) => void`	—

PreviousButton NextInput