asadesignsystem

Data display

Pill

A small status tag: neutral, ok, warn, danger, accent. A state always has its word, never colour alone.

React · shadcn/uiWeb component · LitCSS · no build

React

shadcn/ui + Tailwind v4

DraftLiveIn progressBlockedReview

CSS

CSS, no build

Draft Live In progress Blocked Review

Web component

Lit, works in any app

Draft

Live

In progress

Blocked

Review