Skip to content

Icon Button

  • Similar to a button but only an icon is visible.
import { IconButton } from '@viamrobotics/prime-core';

Primary

<IconButton
slot="component"
icon="plus"
label="Add object"
/>

Secondary

<IconButton
slot="component"
icon="plus"
label="Add secondary object"
variant="secondary"
/>

Danger

<IconButton
slot="component"
icon="trash-can-outline"
label="Delete object"
variant="danger"
/>

Disabled

<IconButton
slot="component"
icon="refresh"
label="Restart object"
disabled
/>

Progress

<IconButton
slot="component"
icon="refresh"
progress="indeterminate"
label="Restart object"
/>