Marker

Visual indicator badge or dot for highlighting status, changes, or focus points.

Visual indicator badge or dot for highlighting status, changes, or focus points.

tsx
import { Marker } from "@celestia-project/ui/composite/marker"
<Marker variant="default">New</Marker><Marker variant="destructive" />

Props

PropTypeDefaultDescription
variant"default" | "secondary" | "destructive" | "outline""default"Styling variant
classNamestringundefinedCustom CSS class overrides