컴포넌트
Folder Pop
폴더 앞면 flap이 3D로 젖혀지며 안의 문서 항목들이 stagger로 위로 튀어나오는 인터랙션 컴포넌트.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/FolderPop-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| label | string | "프로젝트" | 폴더 탭에 표시되는 라벨 |
| items | FolderItem[] | 3개 기본 항목 | 폴더에서 튀어나올 문서 항목 목록(제목/부제/그라데이션 색) |
| glowColor | string | "#C084FC" | 커서를 따라가는 컨테이너 내부 글로우 색상 |
| flapColor | string | "#241A33" | 3D로 젖혀지는 앞면 flap(뚜껑) 색상 |
| defaultOpen | boolean | false | 처음부터 열린 상태로 표시할지 여부 |
| className | string | undefined | 루트 컨테이너에 추가할 클래스 |