StatusDot
Loading example…
StatusDot is part of the Atoms set, imported from @jcsoftdev/ui/atoms.
Import
Section titled “Import”import { StatusDot } from "@jcsoftdev/ui/atoms";Single-component entry points tree-shake to just this component: @jcsoftdev/ui/atoms/status-dot.
<StatusDot tone="success" label="Pagado" showLabel shape="dot" />| Prop | Type | Default | Description |
|---|---|---|---|
tone * |
"danger" | "neutral" | "warning" | "success" | "accent" |
||
label * |
string |
Text describing the status: color is never the only signal. | |
showLabel |
boolean |
||
shape |
"dot" | "square" |
"dot" |
|
hollow |
boolean |
Hollow variant: transparent fill with an accent inner ring. | |
className |
string |
* marks a required prop.
Storybook stories
Section titled “Storybook stories”Source
Section titled “Source”packages/ui/src/atoms/status-dot/status-dot.tsx