UI / Components / data / StatusChip

StatusChip

Typed-options pill with active pulse.

Compact status pill with typed options. Picks a hue from the option's color, animates a soft pulse on the current state. Pair with `<DataTable>` typed-column or use standalone.

$npx dock-ui add status-chip

Usage

import { StatusChip } from "@/components/ui/status-chip";

<StatusChip option={{ value: "live", label: "Live", color: "#22C55E" }} pulse />

Install

via CLI

$ npx dock-ui add status-chip

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/status-chip.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →