Pages · Laravilt
Badge
Status badge component
Status indicator badges.
Import
typescript
Basic Usage
vue
Variants
vue
With Icon
vue
In Table
vue
Notification Count
vue
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | string | default | Badge style |
Variants
| Value | Description |
|---|---|
default | Default gray |
primary | Primary blue |
secondary | Secondary gray |
success | Success green |
warning | Warning yellow |
danger | Danger red |
info | Info sky |
outline | Bordered |