They are commonly used to accompany headings or within tables to communicate status.
Anatomy
Anatomy summary lists and describes all the elements that exist within a component (including other components nested within).
- Icon (optional): a System Icon used to visually reinforce the information communicated by the label.
- Numeric count (optional): a numeric count of associated objects.
- Label (optional): a textual label providing the status or metadata about an object.
Variants
Variants contain different versions of the component depending on specific properties, such as state, size, colour, optional iconography, etc.
| Property | Values | Default |
|---|---|---|
| size Variant | medium | small | xSmall | medium |
| icon Boolean | true | false | true |
| label Boolean | true | false | true |
| numeric-count Boolean | true | false | true |
| variant Variant | neutral | inverseNeutral | info | success | warning | danger | neutral |
Component dependencies
This component is internally dependent on the following components:
Help and support