Pages · Laravilt
Badge
The Badge primitive for status labels and counts.
Import
typescript
Usage
vue
tsx
Variants
variant | Vue | React |
|---|---|---|
default, secondary, destructive, outline | Yes | Yes |
primary, success, danger, warning, info, gray | Yes | No (add them to badgeVariants in ui/badge.tsx if needed) |
The Vue semantic variants are the ones NavMain uses for navigation badges (badgeColor).
Table badge columns and navigation badges are configured in PHP, so you only need this component in your own pages.