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
BasicButton기본 버튼 컴포넌트. 다양한 variant, size, position 조합을 지원합니다.
Examples
Variants버튼 스타일 변형
Sizes버튼 크기 변형
States비활성화 및 로딩 상태
Props
NameTypeDefaultRequiredDescription
variant'PRIMARY' | 'PRIMARY_BLACK' | 'PRIMARY_WHITE' | 'SECONDARY' | 'SECONDARY_PRESS' | 'SECONDARY_VARIATION' | 'WARNING'PRIMARY-버튼 스타일 변형
size'normal' | 'small' | 'smaller'normal-버튼 크기
position'DEFAULT' | 'TOP' | 'BOTTOM' | 'LEFT' | 'RIGHT' | 'CENTER'DEFAULT-보더 라디우스 위치
disabledbooleanfalse-비활성화 상태
fullWidthbooleanfalse-전체 너비 사용
isLoadingbooleanfalse-로딩 상태
childrenstring버튼Yes버튼 텍스트