Search…
Search…
Status Message
Live
Badges help people quickly understand information, status and classification. They provide feedback and reinforce trust and security.
AA
WCAG 2.1 accessibility compliant
Status Message
Live
Badges help people quickly understand information, status and classification. They provide feedback and reinforce trust and security.
AA
WCAG 2.1 accessibility compliant
Status Message
Badges help people quickly understand information, status and classification. They provide feedback and reinforce trust and security.
Live in Storybook
Live in Storybook
Live in Storybook
View Figma Designs
View Figma Designs
View Figma Designs
When to use | When not to use |
|---|---|
✅ Use to reinforce information and user outcomes | ⛔️ Don't use paragraphs, messaging should be short. Use a notification for more lengthy needs. |
Anatomy
Element | Description |
|---|---|
| Lucide Icon |
| Label text of status message component |
Variants
When to use | When not to use |
|---|---|
✅ Use to reinforce information and user outcomes | ⛔️ Don't use paragraphs, messaging should be short. Use a notification for more lengthy needs. |
Anatomy
Element | Description |
|---|---|
| Lucide Icon |
| Label text of status message component |
Variants
When to use | When not to use |
|---|---|
✅ Use to reinforce information and user outcomes | ⛔️ Don't use paragraphs, messaging should be short. Use a notification for more lengthy needs. |
Anatomy
Element | Description |
|---|---|
| Lucide Icon |
| Label text of status message component |
Variants
Continue reading
Get in touch
Got a project in mind? Let’s chat. I’m always keen to hear about new ideas, collaborations, or challenges you’re looking to solve. Drop me a message and we can explore how to bring your vision to life together.
Get in touch
Got a project in mind? Let’s chat. I’m always keen to hear about new ideas, collaborations, or challenges you’re looking to solve. Drop me a message and we can explore how to bring your vision to life together.
Get in touch
Got a project in mind? Let’s chat. I’m always keen to hear about new ideas, collaborations, or challenges you’re looking to solve. Drop me a message and we can explore how to bring your vision to life together.