툴팁
실험composite마우스를 올리거나 포커스하면 뜨는 짧은 도움말입니다.
@tissue-ui/layout-react설치
bash
npm install @tissue-ui/layout-reacttsx
import { Tooltip } from "@tissue-ui/layout-react";언제 쓰나
- 요소에 짧은 보충 설명을 덧붙일 때.
플레이그라운드
position
tsx
<Tooltip content="도움말 텍스트입니다" position="top">
<Button variant="secondary">여기에 올리세요</Button>
</Tooltip>예제
기본
위치(position)
position 으로 툴팁이 뜨는 방향을 정합니다.
지연 시간
delay 로 떠오르기까지의 대기 시간을 조절합니다(ms).
속성
| 속성 | 타입 | 설명 |
|---|---|---|
| content | string | 도움말 내용입니다. |
| position | top | bottom | left | right | 뜨는 위치입니다 (기본 위). |
| children | node | 도움말을 붙일 대상입니다. |
| delay | string | 뜨기까지 기다리는 시간입니다 (ms, 기본 200). |
위 옵션 말고도 className·onClick 같은 일반 HTML 속성을 그대로 넘길 수 있습니다.
상태
default
이 페이지의 옵션·상태는 실제 코드 정의에서 그대로 가져온 것입니다. 에이전트는 같은 내용을 llms.txt 로 읽습니다.