Spinner

실행중인 프로세스의 현 상태와 완료까지 잔여 시간을 정확히 알 수 없을때 사용합니다. 데이터 로딩이 완료되면 자동으로 사라집니다.
TypescriptWAI-ARIA
Anatomy

스피너를 구성하는 요소를 설명합니다.

AnatomyImage
Rules of Use
  • RulesofUseImage
    Animation

    Spinner는 시계 방향, 원형으로 돌아가는 애니메이션입니다. 처음 노출되어 사라질때까지 멈추지 않고 반복적으로 움직입니다.

Import
import { Spinner } from '@goorm-dev/vapor-components';
Examples
Props
namedescriptiondefault
tag태그를 지정합니다.div
type

스피너의 타입을 지정합니다.

bordergrow
border
size

스피너의 크기를 지정합니다.

smmdlg
md
color

color

primarysuccesswarningdangerhintcontrast
primary
className스피너에 추가할 클래스를 지정합니다.