Tooltip

요소에 대한 짧은 설명.

PLAYGROUND미리보기 안의 요소를 직접 조작해 보세요.

사용 코드

import { useId } from 'react';
import * as W from 'woosign-system';

// ThemeProvider와 ToastProvider 안에서 렌더링하세요.
export function Example() {
  const id = useId();
  return (
    <W.Tooltip
      id={id}
      trigger="마우스를 올려보세요"
      content="키보드 포커스로도 볼 수 있어요."
    />
  );
}

API

타입 정의 ↗

Prop	Type	필수
`id`	`string`	●
`trigger`	`ReactNode`	●
`content`	`string`	●
`disabled`	`boolean`	—

공통 API 기준입니다. 플랫폼별 style, className 및 세부 타입은 타입 정의에서 확인하세요.

← 전체 컴포넌트로 돌아가기

기본 요소

레이아웃

폼과 입력

탐색

피드백

오버레이

Tooltip

사용 코드

API