툴팁
hover나 focus 때 짧은 보조 설명을 띄우는 오버레이다. 라벨이 없는 아이콘 버튼의 의미나 값의 단위처럼 상시 노출이 부담스러운 정보를 보강한다.
활용 방법
아이콘 힌트
trigger에 커서를 올리거나 키보드 포커스를 주면 설명이 뜬다. side로 방향을 정한다.
Preview
재시도 간격 (초)프로덕션에 서명된 빌드를 배포한다
tsx
<Tooltip content="재시도 간격 (초)"><Button icon={<Info size={13} />}>retry</Button></Tooltip>
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| content | ReactNode | - | 표시할 설명 |
| children | ReactNode | - | trigger 요소 |
| side | "top" | "bottom" | "left" | "right" | "top" | 표시 방향 |
| className | string | - | wrapper 클래스 |