StatusPill
Loading example…
Pill showing a status LED and its label; the label is hidden when the surrounding container (e.g. the topbar) is narrow.
Import
Section titled “Import”import { StatusPill } from "@jcsoftdev/ui/atoms";Single-component entry points tree-shake to just this component: @jcsoftdev/ui/atoms/status-pill.
<StatusPill status="success" label="Caja abierta" />| Prop | Type | Default | Description |
|---|---|---|---|
status * |
"danger" | "warning" | "success" | "idle" |
||
label * |
string |
||
onSelect |
(() => void) |
Without this the pill is decorative (disabled). | |
className |
string |
* marks a required prop.
Storybook stories
Section titled “Storybook stories”Source
Section titled “Source”packages/ui/src/atoms/status-pill/status-pill.tsx