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

⚡

Meet Castos →

© 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.

Used for informative feedback.

<span class="badge badge--info">Ready</span>

Used to warn about an issue that requires attention.

<span class="badge badge--warn">Incomplete</span>

Used when an action is successfully completed.

<span class="badge badge--success">Imported</span>

Used to indicate that there was a problem.

<span class="badge badge--danger">Failed</span>