툴팁은 요소나 본문 텍스트에 제공되는 짧은 부가 설명이다. 설명이 필요한 대상 또는 별도의 활성화 버튼에 마우스를 올리거나 초점을 이동했을 때 설명 텍스트가 표시된다.
KRDS 가이드
import { Tooltip } from '@krds.ui/react' export default function TooltipDemo() { return <Tooltip text="본인 명의 휴대폰으로 인증합니다.">휴대폰 인증</Tooltip> }
text
string
variant
"horizontal" | "vertical" | "box"
vertical
className