Skip to content

Button

  • For user triggered actions.
import { Button } from '@viamrobotics/prime-core';

Primary

<Button variant="dark">Primary action</Button>

Secondary

<Button>Secondary action</Button>

Ghost

<Button variant="ghost">Walk</Button>

Success

<Button variant="success">Success</Button>

Danger

<Button variant="danger">Stop</Button>

Outline danger

<Button variant="outline-danger">Slow down</Button>

Outline danger with icon

<Button
variant="outline-danger"
icon="trash-can-outline"
>
Delete component
</Button>

Disabled

<Button disabled>Run</Button>

Title attribute

<Button title="Run this command">Run</Button>

Icon

<Button icon="refresh">Refresh</Button>

Ghost

<Button
variant="ghost"
icon="trash-can-outline"
>
Delete component
</Button>

Indeterminate

<Button progress="indeterminate">Loading...</Button>