All components
Status
A palette-driven presence dot with a label, for system and user state.
Operational
Sizes
Operationalsm
Operationalmd
Operationallg
Install
zsh — status
1bunx stylexblocks add statusUsage — Ark UI
status.tsx
123456789101112import { Status } from "#components/ui/ark-ui/status.tsx";import { greenPalette } from "@stylexblocks/ui/themes/palettes.ts";
export function Example() { return ( // size resolves once on Root; the dot takes the active palette's solid <Status.Root size="md" palette={greenPalette}> <Status.Indicator /> Operational </Status.Root> );}