<div><span class="badge badge-lg">
</span>
<span class="badge badge-md">
</span>
<span class="badge badge-sm">
</span>
<span class="badge badge-xs">
</span>
</div>
<div>
@!jrmc.badge({ class: 'badge-lg' })
@!jrmc.badge({ class: 'badge-md' })
@!jrmc.badge({ class: 'badge-sm' })
@!jrmc.badge({ class: 'badge-xs' })
</div>
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 |