Custom Components Showcase
ProfileAvatar Variants
ACCOUNT
Size: size90
Size: size54
Size: size45
Size: size32
Size: size28
CHARACTER
Size: size90
Size: size54
Size: size45
Size: size32
Size: size28
CHANNEL
Size: size90
Size: size54
Size: size45
Size: size32
Size: size28
CustomButton Variants
ColorPrimary
Large
Medium
Small
XSmall
ColorSecondary
Large
Medium
Small
XSmall
Primary
Large
Medium
Small
XSmall
Secondary
Large
Medium
Small
XSmall
Tertiary
Large
Medium
Small
XSmall
CustomInput Variants
InputOnly
Label
Hint
This is a hint message.
This is a hint message.
This is a hint message.
This is a hint message.
LabelandHint
This is a hint message.
This is a hint message.
This is a hint message.
This is a hint message.
CustomCheckbox Variants
Shape: circle
Shape: square
CustomSelector Variants
Normal
選擇
Error
選擇
CustomStepper Variants
3 Steps - Current: 1
5 Steps - Current: 3
PageHeader Variants
Default (모달 컨텍스트 — 우측 액션 없음)
Header Title
표준 페이지 (DefaultHeaderActions: 장바구니 + 햄버거)
Header Title
Sticky
Header Title
커스텀 actions (default 액션 좌측에 추가)
Header Title
+1
완전 커스텀 actions (default 미사용)
Header Title
CustomPopup Variants
Basic Popup
CustomDrawer Variants
Basic Drawer
CustomSplitter Variants
Basic Splitter
Splitter 1
Splitter 2
Content 1
CustomToggleButton Variants
Sizes
States
CustomSettingButton Variants
Types
Text Setting
Click me
Toggle Setting
Select Setting
Option 1
CustomRadioButton Variants
Shapes
Display Types
MaxTextInput Variants
Display Types
Label
This is a hint message
Label
This is a hint message
Input Types
CustomHashTag Variants
Basic Tags
CustomChipSelector Variants
Tag Type
Node Type
Custom Node Content