NeoTerm UI

Status Dot

Small colored status indicator with optional pulse and label.

Import

import { StatusDot } from "neoterm-ui";

Usage

<StatusDot status="success" label="Online" pulse />
<StatusDot status="error" size="lg" />
<StatusDot status="warning" />

Props

PropTypeDefaultDescription
status"success" | "warning" | "error" | "info" | "neutral"Color variant.
pulsebooleanfalseAnimated pulse ring.
size"sm" | "md" | "lg""md"Dot size.
labelstringText label next to the dot.