사용법
스크롤 진행률에 맞춰 아이콘이 CSS 경로를 따라 이동해요.
인터페이스
SvgFollowScrollProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| svgPath* | string | — | 이동 경로 SVG path d |
| pathContent | ReactNode | — | 경로와 함께 표시할 SVG 콘텐츠 |
| children* | ReactNode | — | 경로를 따라갈 요소 |
| rotateWithPath | boolean | true | 경로 각도에 맞춰 회전 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
SvgFollowScroll 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { SvgFollowScroll } from "@goldtreedev/ui";