Bunfx componentsTags
Use tags to show a compact label or status alongside other content.
Tones
NeutralNoticeSuccessWarningError
In context
- Annual report
- Draft
- Security review
- In progress
- Identity check
- Complete
- Subscription
- Renewal due
- Payment
- Failed
How to use them
Choose a tone that supports the tag text, but do not rely on color alone to communicate its meaning. Keep labels short and use surrounding content when more detail is needed.