Badge

Outline for recommendations, solid for done, muted for pending.

RecommendedDeliveredIn progress

State

Issue 03

State is a word, not a hue.

On pressPrintedHold

Install

npx @noordvc/raster-cli add badge

Markup

<span class="rs-badge">Recommended</span><span class="rs-badge-solid">Delivered</span><span class="rs-badge-muted">In progress</span>

React

import { Badge } from "@/components/raster/badge";

<Badge>Recommended</Badge>
<Badge variant="solid">Delivered</Badge>
<Badge variant="muted">In progress</Badge>

Classes

.rs-badge.rs-badge-solid.rs-badge-muted