Skip to content

Badge

  • Displays status
import { Badge } from '@viamrobotics/prime-core';

Inactive

Inactive
<Badge
variant="inactive"
label="Inactive"
/>

Success

Success
<Badge
variant="success"
label="Success"
/>

Warning

Warning
<Badge
variant="warning"
label="Warning"
/>

Danger

Danger
<Badge
variant="danger"
label="Danger"
/>

Neutral

Neutral
<Badge
variant="neutral"
label="Neutral"
/>