Skip to content

Led

Open .md
Live preview

Loading example…

Led is part of the Atoms set, imported from @jcsoftdev/ui/atoms.

import { Led } from "@jcsoftdev/ui/atoms";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/atoms/led.

<Led status="success" label="Barbero disponible" showLabel />
Prop Type Default Description
status "danger" | "warning" | "success" | "idle" "success"
label * string Text describing the status: color is never the only signal.
showLabel boolean
className string

* marks a required prop.

packages/ui/src/atoms/led/led.tsx