GoormLoader
실행중인 프로세스의 현 상태와 완료까지 잔여 시간을 정확히 알 수 없을때 사용합니다.Anatomy
구름 로더를 구성하는 요소를 설명합니다.
Import
import { GoormLoader } from '@goorm-dev/vapor-components';Examples
Props
| name | description | default |
|---|---|---|
| color | 로고의 색을 결정합니다. whiteblackgray | black |
| lottieProps | 아래 props내부 key 참고 object | [object Object] |
| lottieProps.animationData | object | |
| lottieProps.path | string | |
| lottieProps.play | bool | |
| lottieProps.segments | number[] | bool | |
| lottieProps.goTo | number | |
| lottieProps.speed | number | 1 |
| lottieProps.direction | number | 1 |
| lottieProps.loop | number | bool | true |
| lottieProps.rendererSettings | object | |
| lottieProps.renderer | string | svg |
| lottieProps.audioFactory | func | |
| lottieProps.onComplete | func | |
| lottieProps.onLoopComplete | func | |
| lottieProps.onEnterFrame | func | |
| lottieProps.onSegmentStart | func |