Status Dot

Import

import {StatusDot} from '@astryxdesign/core/StatusDot';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

A small colored dot that communicates status like online/offline presence or severity levels. Supports five semantic variants and an optional pulse animation. Always pair with a...

Important props

Theming targets

Best practices

• DoAlways pair with a visible text label so status is not conveyed by color alone.
• DoProvide a descriptive `label` prop for screen reader accessibility.
• Do notUse the pulse animation for purely decorative purposes; reserve it for states that require immediate attention.
• Do notRely on color alone to communicate status; always include text.