사용법
기본
호버·포커스 시 추가 설명을 제공해요. side로 표시 위치를 조절할 수 있어요.
스타일 커스터마이징
Tooltip는 className과 style prop으로 루트 스타일을 덮어쓸 수 있어요.
<Tooltip className="rounded-full px-4" style={{ opacity: 0.9 }} />인터페이스
TooltipProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| content* | ReactNode | — | 툴팁 내용 |
| side | "top" | "right" | "bottom" | "left" | top | 표시 위치 |
Tooltip 컴포넌트 Props 표
가져오기
import { Tooltip } from "@/components/ui/Tooltip";