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
DefaultInput기본 텍스트 입력 필드. 라벨, 단위, 다양한 포지션을 지원합니다.
Examples
Basic기본 입력 필드
With Unit단위 텍스트 포함
Disabled비활성화 상태
Props
NameTypeDefaultRequiredDescription
placeholderstring입력해주세요-플레이스홀더 텍스트
labelTextstring-라벨 텍스트
unitstring-단위 텍스트 (예: 원, 만원)
position'DEFAULT' | 'TOP' | 'BOTTOM' | 'LEFT' | 'RIGHT' | 'CENTER'DEFAULT-보더 라디우스 위치
inputDirection'default' | 'center' | 'right'default-텍스트 정렬 방향
disabledbooleanfalse-비활성화 상태