Meet Castos Sign In 14-Day Free Trial
Who we are
What we stand for️
Our Purpose
Our Vision
Our Mission
Our Values
Design System
Design Principles
Colors
Typography
Images
Content Guide
What is a Content Guide
Writing goals and principles
Tips for writing at Castos
Component Library
About our Components
Button
Logos & Assets
Castos
Castos Productions
Castos Academy
Audience Podcast
3 Clips Podcast
© Castos 2022 – v0.4
Badge
Badges are used throughout the UI to highlight a status notification from the system.
Status
We need to combine the badge class with a status to get the full badge component.
Info
Used for informative feedback.
<span class="badge badge--info">Ready</span>Warning
Used to warn about an issue that requires attention.
<span class="badge badge--warn">Incomplete</span>Success
Used when an action is successfully completed.
<span class="badge badge--success">Imported</span>Danger
Used to indicate that there was a problem.
<span class="badge badge--danger">Failed</span>