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
Avatar이모지 또는 자리톡 로고를 표시하는 원형 아바타 컴포넌트. 선택 상태와 글쓴이 배지를 표시할 수 있습니다.
Examples
Default기본 FOX 이모지
Zaritalk Logo자리톡 로고 아바타
Active State선택된 상태
Writer Badge글쓴이 배지 표시
글쓴이
No Background배경색 없음
Props
NameTypeDefaultRequiredDescription
emojiName'FOX' | 'ZARITALK' | 'CAT' | 'DOG' | 'RABBIT'FOX-표시할 이모지 이름 (FOX, ZARITALK 등)
colorstring#ffc7cc-배경색 (16진수 색상 코드)
avatarHeightstring38-아바타 높이 (픽셀 단위, 문자열)
isActivebooleanfalse-선택된 상태 표시 여부
isWriterbooleanfalse-글쓴이 배지 표시 여부
hasBackgroundColorbooleantrue-배경색 사용 여부