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
RedDot알림이나 강조를 위한 작은 원형 인디케이터 컴포넌트. absolute 위치로 배치됩니다.
Examples
Default기본 빨간 점
Large큰 사이즈
Custom Color파란색 점
Bottom Right우하단 위치
Props
NameTypeDefaultRequiredDescription
sizenumber5-점의 크기 (픽셀 단위)
topstringinitial-상단에서의 거리 (CSS 값, 예: "0px", "10px")
bottomstringinitial-하단에서의 거리 (CSS 값)
leftstringinitial-좌측에서의 거리 (CSS 값)
rightstringinitial-우측에서의 거리 (CSS 값)
backgroundColorstring$red-배경색 (CSS 색상 값)