컴포넌트
Swing Badge
끈에 매달린 목걸이 배지가 Canvas2D Verlet 진자 물리로 흔들리며 드래그와 방향키에 반응하는 인터랙티브 컴포넌트입니다.
- 분류
- 컴포넌트
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/SwingBadge-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| title | string | VIVID KIT | 배지 카드 상단에 표시되는 메인 라벨 텍스트 |
| subtitle | string | Front-End Pass | 배지 카드 하단에 표시되는 부제 텍스트 |
| ropeColor | string | #5EEAD4 | 배지를 매다는 끈(로프)의 색상 |
| badgeFrom | string | #C084FC | 배지 카드 그라데이션 시작 색상 |
| badgeTo | string | #EC4899 | 배지 카드 그라데이션 끝 색상 |
| segments | number | 14 | 로프 체인을 구성하는 마디 수(많을수록 부드럽게 늘어짐) |