사용법
버튼에 포인터를 올리거나 초점을 이동하면 Portal 툴팁이 열려요.
인터페이스
CustomTooltipProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| content* | ReactNode | — | 툴팁 콘텐츠 |
| children* | ReactElement | — | 툴팁 트리거 |
| side | "top" | "right" | "bottom" | "left" | top | 표시 방향 |
| align | "start" | "center" | "end" | center | 정렬 |
| sideOffset | number | 8 | 트리거와의 간격(px) |
| delayDuration | number | 180 | 표시 지연(ms) |
| disabled | boolean | false | 툴팁 비활성화 |
| className | string | — | 툴팁 콘텐츠 클래스 |
CustomTooltip 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { CustomTooltip } from "@goldtreedev/ui";