Tooltip Icon

사용자가 아이콘에 커서를 올릴 때 tooltip이 나타나는 인터랙션이 보여집니다.

Live Demo

Default Tooltip Icon

Feature Tooltip Icon

Sizes

Prop	Type	Default	Description
title	string	-	Tooltip에 표시할 내용입니다. (required)
dimmed	boolean	-	흐리게 표시할지 여부를 지정합니다.
color	'primary' \| 'secondary' \| 'emphasis' \| 'grey700' \| 'black'	-	Icon의 색상을 지정합니다.
isInfo	boolean	-	Info 타입 여부를 지정합니다.
size	'1rem' \| '1.25rem' \| '1.5rem' \| '1.75rem'	-	Icon의 크기를 지정합니다.
placement	string	-	Tooltip의 위치를 지정합니다.
children	ReactNode	-	커스텀 아이콘을 지정합니다.

기본 tooltip icon으로, 일반적인 정보 제공 시 사용합니다.

Feature tooltip icon으로, 특정 기능에 대한 추가 정보 제공 시 사용합니다.

Tooltip Icon anatomy