Benjamin Palko
f526f5c0aa
Some checks failed
Deploy / deploy (push) Failing after 39s
Co-authored-by: Benjamin Palko <benjaminpalko@hotmail.com> Reviewed-on: #5
715 B
715 B
badge
Badges are used to inform the user of the status of specific data
Class names
- component:
badge - style:
badge-outline,badge-dash,badge-soft,badge-ghost - color:
badge-neutral,badge-primary,badge-secondary,badge-accent,badge-info,badge-success,badge-warning,badge-error - size:
badge-xs,badge-sm,badge-md,badge-lg,badge-xl
Syntax
<span class="badge {MODIFIER}">Badge</span>
Rules
- {MODIFIER} is optional and can have one of each style/color/size class names
- Can be used inside text or buttons
- To create an empty badge, just remove the text between the span tags