Tooltip
툴팁(Tooltip)은 사용자 인터페이스 요소 또는 기능을 설명하는 데 사용됩니다.
직접적으로 인지하기 어려운 기능 또는 해당 페이지의 설명을 사용자에게 노출하여 도움을 주는 역할을 합니다.
직접적으로 인지하기 어려운 기능 또는 해당 페이지의 설명을 사용자에게 노출하여 도움을 주는 역할을 합니다.
Anatomy
타입에는 스크롤과 페이지네이션이 있습니다. 스크롤과 페이지네이션 타입을 혼용하여 사용하지 않도록 합니다.
- 툴팁 본문
- 툴팁 버튼
Responsive Alignment
타입에는 스크롤과 페이지네이션이 있습니다. 스크롤과 페이지네이션 타입을 혼용하여 사용하지 않도록 합니다.
top, left
top, center
top, right
bottom, left
bottom, center
bottom, right
사용 가이드
영역 관련
Don’t
툴팁 본문 영역이 시각적으로 확인할 수 없는 화면 밖의 영역에 배치되어 가려지지 않도록 유의합니다.
Don’t
툴팁 본문 영역이 맥락적으로 도움을 제공하고자 하는 중요 콘텐츠를 가리지 않도록 유의합니다.