Products · Components
Badge
A small colored label that shows a status in a word.
Keep it to a word or two, like "Paid" or "Pending".
Children: Text, which can include Text, Link and Icon within a line
Example
<View direction="row" gap="small">
<Badge tone="success">Paid</Badge>
<Badge tone="warning">Pending</Badge>
<Badge tone="danger">Failed</Badge>
</View>Props
| Prop | Type | What it is |
|---|---|---|
tone | status tone | Default: default. |
Events
None.