툴팁은 특정 요소에 대해 간략한 설명을 제공하는 UI입니다. 사용자에게 버튼이나 아이콘의 기능을 알려줌으로써 혼란을 줄이고 사용성을 높이는 데 유용합니다. 세부적인 설명을 위해 텍스트를 제공하는 경우도 있지만, 때로는 툴팁을 이용해 더욱 친절한 설명이 필요할 때가 있습니다.

우리가 흔하게 만나는 툴팁은 평소에는 보이지 않다가 마우스를 hover 했을 때 나타나는 형태를 가집니다. 텍스트, 아이콘, 버튼 등 다양한 요소에 설명이 필요할 때 hover 인터렉션을 통해 사용자에게 추가적으로 필요한 정보를 알려주며, 마우스를 옮기면 툴팁이 사라집니다.

클릭 툴팁의 경우 사용자가 특정 요소를 클릭할 때 나타나며, 일반적으로 참고용 정보나 텍스트 설명이 제공됩니다. 이 툴팁은 정보를 고정적으로 볼 수 있어 제공하고자 하는 내용을 안정적으로 전달합니다.

중요한 정보를 알리기 위해 화면 위에 툴팁을 제공하는 경우도 있습니다. 보통 페이지 내 중요한 알림을 공지하거나 원활한 사용자 경험을 위해 사용됩니다. 모달 툴팁은 화면에 처음 진입할 때 나타나며, 닫기 버튼을 누르기 전까지 페이지 브라우징이 불가한 경우도 있어 목적에 따른 사용이 권장됩니다.