Components
Help Bubble
용어·설정에 짧은 설명을 붙이는 툴팁입니다.
첫 응답까지 TTFT 0.27초
코드 보기
<span class="tn-tip" data-tip="설명 한 문장">TTFT</span>Variants
| 이름 | 설명 | 미리보기 |
|---|---|---|
| hover | 점선 밑줄 → 위로 말풍선 | TTFT |
Guidelines
✓ Do
- 설명은 한 문장 (nowrap 기준 40자 이내)
- 전문용어·축약어에만 사용
✕ Don't
- 필수 정보를 툴팁에 숨기지 않는다
- 링크·버튼을 툴팁 안에 넣지 않는다
Specification
| 속성 | 토큰/값 | 비고 |
|---|---|---|
배경 | var(--foreground) 반전 | |
타이포 | 0.7rem |