컴포넌트
TooltipRich
제목·본문·메타 푸터를 한 카드에 담아 호버/포커스 시 페이드+슬라이드로 등장하는 리치 콘텐츠 툴팁.
- 분류
- 컴포넌트
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/TooltipRich-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| title | string | "키보드 단축키" | 툴팁 카드의 강조 제목 라인. |
| body | string | 안내 문구 | 제목 아래에 표시되는 본문 설명 텍스트. |
| meta | string | "Pro 팁" | 카드 하단 메타 푸터 라벨 (액센트 컬러). |
| triggerLabel | string | "가리키기" | 툴팁을 띄우는 트리거 버튼의 라벨. |
| placement | "top" | "bottom" | "top" | 트리거 기준 툴팁 등장 방향. |
| delay | number | 120 | 호버 후 등장까지의 지연 시간(ms). |