Status

Status indicators provide a compact semantic color cue alongside a short label. They are useful for workflow state, health, visibility, and other lightweight metadata.

Variants

Status supports semantic and color-oriented variants, including the full set of built-in aliases used across the UI.

API

Props

Name	Description
ariaLabel	Type string | null Default null
status	Type PkStatusVariant Default on

CSS Parts

Name	Description	CSS selector
base	Status dot element	::part(base)