Label

The Label component is used to provide clear and concise descriptions or identifiers for tags or status indicators. It enhances usability and accessibility by associating text with specific UI elements. With flexible styling options, Labels can be easily customized to fit various designs and contexts. Just add the .label class to a span or div element to create a label.
Default
Primary
Success
Warning
Error
Dark
Sizes of Label

Add the .small or .large class to a label to make it smaller or larger.

Small
Default
Large
Styles Combinators
primary .primary.label
success .success.label
warning .warning.label
error .error.label
dark .dark.label
Sizes Combinators
small .small.label
large .large.label