Get Started

StatusDot

Astryx documentation

Displays a labeled semantic status without custom indicator rendering.

longlink docs --component "StatusDot"
StatusDot [Display]
Props and types
declare function StatusDot(props: {
    label: string;
    variant: 'success' | 'warning' | 'error' | 'accent' | 'neutral';
    tooltip?: string;
}): React.JSX.Element;
Online
function Example() {
  return <StatusDot label="Online" variant="success" />;
}