툴팁은 인터페이스의 요소나 기능을 설명하기 위해 화면 위에 띄워 설명 텍스트를 제공하는 구성요소입니다.
Usage
텍스트 설명 문구를 간단하게 제공할 때 사용합니다.
•
40자 내외, 3줄 이내 분량의 설명 문구를 제공할 때 사용합니다.
•
트리거 요소를 함께 제공하여 사용자의 요청을 통해서만 노출해야 합니다.
•
콘텐츠가 잘린 경우에 나머지 내용을 보는 용도로 사용할 수 있습니다.
Anatomy
1.
툴팁을 호출하는 트리거를 표시합니다. 이 기표에 마우스 오버 시 툴팁이 표시됩니다.
2.
트리거 기표 위로 툴팁을 표시합니다. 툴팁 컨테이너 밖으로 마우스 아웃 상태가 되면 사라집니다.
3.
줄임 표시가 있는 경우, 해당 표시에 마우스 오버 시 툴팁이 표시됩니다.
Guidelines
•
기본적으로 화면 안에 숨은 상태이기 때문에, 중요한 내용을 제공할 때는 사용하지 않습니다.
•
중요한 내용의 경우에는 해당 요소의 레이블 하단에 표시합니다.
•
내용이 많을 경우에는 팝오버 형태로 제공합니다.
•
한 화면에 툴팁을 너무 많이 사용하지 않습니다. 부득이하게 여러 개의 툴팁을 사용해야 하는 경우에는 제공할 정보를 모아 팝오버 형태로 제공하는 것을 권장합니다.
