Audio UI
A status light, as on a panel: lit, it glows in its tone; off, it stays a dim dot, so its place still shows. It shows a state and sets none: put it beside the button or the switch that does.
Installation
pnpm dlx shadcn@latest add @audio-ui/led
Usage
import { Led } from "@/components/audio-ui/led";
<Led blink label="Recording" on={recording} tone="destructive" />Its label reads the state out to assistive technology ("Recording: on"). blink pulses it while lit, and holds it still for reduced motion. Its shape follows the style: round, or square in the square styles.
API reference
Props · 5
Whether it is lit.
Names what it shows, for assistive technology: "Recording", "Signal".
Its color when lit: the theme's primary, or destructive for recording and clipping.
Blinks while lit: a take arming, a clip about to start. Still for reduced motion.
Its size.