GoldTreeDevGTD UI

문서 제목, 아이콘 이름, 앱 이름으로 검색할 수 있어요.

전체 문서 보기 이동 · Enter 열기 · Esc 닫기

SplitTextReveal

글자·단어 단위 3D flip stagger reveal이에요. 히어로 타이틀에 쓰기 좋아요.

사용법

Design in MotionDesign in Motion

인터페이스

SplitTextRevealProps

속성타입기본값설명
text*string표시 텍스트
mode"chars" | "words" | "lines"chars분할 단위
staggernumber28유닛 간 지연(ms)
durationnumber700유닛 애니메이션(ms)
classNamestring루트 클래스
styleCSSProperties인라인 스타일·CSS 변수

SplitTextReveal 컴포넌트 Props 표

가져오기

모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.

@import "@goldtreedev/ui/motion.css";

import { SplitTextReveal } from "@goldtreedev/ui";
SplitTextReveal · 모션 UI | GoldTreeDev Docs