ZARITALK DESIGN DOCS
Tokens
Colors
Type Scale
Components
Button
Input
Typography
Alert
Badge
Tag
Tab
CheckBox
Toggle
Rating
Modal
BottomSheet
Divider
LoadingSpinner
Skeleton
Radio
TextArea
DropDown
Tooltip
SplitRating
Slider
AutoHeightTextArea
Avatar
HighlightTypography
RedDot
HR
VR
Overlay
Loading
Popup
Menu
AlertWithConfirmButton
MultiCheckBox
TabBottomBorder
Calendar
DatePicker
TimePicker
WeekPicker
DayPicker
InfiniteScroll
PullToRefresh
RevealAnimation
SignaturePad
ImagePreview
Variants
Design Docs
Tooltip툴팁 컴포넌트. children을 감싸서 방향, 외부 클릭 닫기, 화살표 크기 등을 설정할 수 있습니다.
Examples
Directions4방향 툴팁
상단 툴팁
하단 툴팁
좌측 툴팁
우측 툴팁
Close on Outside Click외부 클릭 시 닫히는 툴팁
Custom Styling배경색, 보더 커스텀
커스텀 스타일 툴팁
Props
NameTypeDefaultRequiredDescription
direction'top' | 'bottom' | 'left' | 'right'top-툴팁 방향
shouldCloseOnClickbooleanfalse-클릭 시 닫기
shouldCloseOnOutsideClickbooleanfalse-외부 클릭 시 닫기