03 · Components · 피드백
스피너Spinner
진행 정도를 알 수 없는 불확정 로딩을 표현. 버튼 안·전체 화면 오버레이 어디에나 사용합니다.
StableWCAG AA
크기
로딩 중로딩 중로딩 중
사용 가이드
- 1초 이상 예상되는 로딩에만 노출합니다. 너무 빠르면 깜빡임만 보입니다.
- 진행 정도를 알 수 있다면 Progress를 대신 사용하세요.
- 버튼 내부에 두면
aria-busy="true"와 함께 비활성화합니다.
기본적으로 role="status"와 aria-label="로딩 중"을 포함합니다. 컨텍스트에 맞춰 label을 바꿔 더 구체적인 상태를 알릴 수 있습니다.
Props API
| Prop | Type | Default | Description |
|---|---|---|---|
size | "sm" | "md" | "lg" | "md" | 아이콘 크기 14 / 18 / 24px. |
label | string | "로딩 중" | 스크린리더 레이블. |