Daily UI #087 Tooltip

Daily UI Challenge

#087 Tooltip

 

이번 과제는 tooltip 컴포넌트 만들기.

tooltip은 쉽게 말해 보충설명을 해주는 말풍선이다.

 

google material design 3 - Tooltip

마찬가지로 google material design을 참고로 tooltip 요소에 대한 가이드라인을 수집하고 작업을 진행했다.

 

크게 두가지로 나누어 만들었다. 하나는 타이틀과 버튼이 있는 버전, 하나는 단순히 정보 텍스트만 있는 버전이다.