Meet Castos Sign In 14-Day Free Trial
Who we are
What we stand for️Our PurposeOur VisionOur MissionOur ValuesDesign System
Design PrinciplesColorsTypographyImagesContent Guide
What is a Content GuideWriting goals and principlesTips for writing at CastosComponent Library
About our ComponentsButtonLogos & Assets
CastosCastos ProductionsCastos AcademyAudience Podcast3 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>