Label
Use tags to label, categorize, or organize items using keywords that describe them.
Multiple or single tags can be used to categorize items.
Use short labels for easy scanning. Use two words only if necessary to describe the status and differentiate it from other tags.
Default text style: Uppercase
Colours
XsmallXsmallXsmall
Sizes
TwoxsmallXsmallTwoxsmallXsmall
Label with icons
TwoxsmallTwoxsmallTwoxsmall
XsmallXsmallXsmall
Letter cases
DefaultLowercase
Props for Label component
Name | Type | Required | Default | Description |
---|---|---|---|---|
size | twoxsmall | xsmall | No | xsmall | Size for label |
iconLeft | React.ReactElement | No | - | Left icon element |
iconRight | React.ReactElement | No | - | Right text element |
color | ColorProps | No | gohan.100 | Text color |
backgroundColor | ColorProps | No | bulma.100 | Background color |
isUppercase | boolean | No | true | Letter case |