Tooltip

간단한 정보를 표시하는 툴팁 컴포넌트입니다.

개요

Tooltip은 요소에 마우스를 올렸을 때 설명을 표시하는 컴포넌트입니다.

알림: 이 컴포넌트는 현재 구현 중입니다.

설치


# Coming Soon
# npx @vortex/cli add tooltip --package foundation

기본 사용법


import { Tooltip, TooltipTrigger, TooltipContent } from "@vortex/ui-foundation";
 
export default function Example() {
  return (
    <Tooltip>
      <TooltipTrigger>
        <Button>Hover me</Button>
      </TooltipTrigger>
      <TooltipContent>
        <p>툴팁 내용</p>
      </TooltipContent>
    </Tooltip>
  );
}

Props API

Prop	Type	Default	Description
side	’top’ \| ‘right’ \| ‘bottom’ \| ‘left'	'top’	표시 위치
delayDuration	number	0	지연 시간 (ms)