컴포넌트
TooltipFollow
컨테이너 내부에서 커서를 부드럽게(rAF 관성 보간) 따라오며 경계 안쪽으로 clamp 되는 격리형 툴팁.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/TooltipFollow-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| label | string | "커서를 따라와요" | 툴팁 카드에 표시할 문구. |
| hint | string | "이 영역에 마우스를 올려보세요" | 무대 중앙에 표시되는 안내 문구. |
| height | number | 220 | 무대(컨테이너) 높이(px). 커서 추종이 이 영역 안으로 격리된다. |
| offset | number | 16 | 커서와 툴팁 사이 간격(px). |
| smoothness | number | 0.18 | 추종 부드러움(0.05~1). 작을수록 더 늦게 따라온다. |
| showDot | boolean | true | 커서 위치를 표시하는 점(dot) 노출 여부. |