About 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