Skip to content

Badge

Status badges and counters.

Import

tsx
import { ZBadge } from "@zurto/ui";

Usage

tsx
<ZBadge>Default</ZBadge>
<ZBadge variant="success">Active</ZBadge>
<ZBadge variant="warning">Pending</ZBadge>
<ZBadge variant="error">Failed</ZBadge>

Props

PropTypeDefaultDescription
variant'default' | 'success' | 'warning' | 'error' | 'info''default'Color variant
size'sm' | 'md''md'Badge size
dotbooleanfalseDot indicator

Released under the MIT License.