Label

Multiple or single labels 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.

Properties

NameTypeDefault
variant

"info" | "success" | "danger"

Set the appropriate colors for the component
"info"

The Label supports margin styled-system props.

Examples

Label

Combinations

variant="info"

Label

variant="success"

Label

variant="danger"

Label