<span class="badge">
Badge
</span>
@!jrmc.badge({ text: 'Badge' })
Doc : daisyui badge
Badges are used to inform user of the status of specific data.
| Class name | Type | |
|---|---|---|
| badge | Component | Container element |
| badge-outline | Modifier | transparent badge with [colorful] border |
| badge-lg | Responsive | badge with large size |
| badge-md | Responsive | badge with medium size (default) |
| badge-sm | Responsive | badge with small size |
| badge-xs | Responsive | badge with extra small size |
| badge-primary | Responsive | badge with primary color |
| badge-secondary | Responsive | badge with secondary color |
| badge-accent | Responsive | badge with accent color |
| badge-ghost | Responsive | badge with ghost color |
| badge-info | Responsive | badge with info color |
| badge-success | Responsive | badge with success color |
| badge-warning | Responsive | badge with warning color |
| badge-error | Responsive | badge with error color |