Spinner

Import

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

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

When to use

An animated loading indicator for processes with unknown duration, such as data fetching or form submission. Supports visible labels, multiple sizes, and a dark background varia...

Important props

Theming targets

Best practices

• DoProvide a meaningful label to describe what is loading for screen reader users.
• DoUse the "onMedia" shade when placed on dark or accent-colored backgrounds.
• Do notUse for content areas with known dimensions; use Skeleton to preserve layout instead.
• Do notStack multiple spinners in the same view; use one to represent the overall loading state.