Spinner & DotSpinner
로딩 상태를 표시하는 스피너 컴포넌트입니다.
import { Spinner, DotSpinner } from 'sud-ui';사용할 때
페이지 또는 데이터의 로딩 상태를 표시할 때
사용예제
Basic Spinner Usage
기본적인 사용방법입니다.
Loading...
Loading Text
로딩 텍스트를 설정합니다.
Spinner Type
스피너 타입을 설정합니다.
Basic DotSpinner Usage
기본적인 사용방법입니다.
Loading...
Loading Text with ReactNode
로딩 텍스트를 ReactNode로 설정합니다.
Size & Color
스피너 크기와 색상을 설정합니다.
사용 방법
컴포넌트의 props를 설정하는 방법입니다.
| size | 스피너 크기 | number | 40 |
| colorType | 스피너 색상 타입 | default | red | rose | coral | orange | volcano | apricot | yellow | gold | amber | green | lime | mint | blue | sky | cerulean | indigo | cobalt | navy | purple | plum | orchid | forest | sage | warm-gray | cool-gray | neutral | cerulean |
| spinnerType | 스피너 타입(DotSpinner 제외) | default | elastic | default |
| text | 로딩 텍스트 (boolean 또는 string 또는 ReactNode) | boolean | string | ReactNode | false |
| style | 추가 스타일 | CSSProperties | {} |