All
Component Gallery
한 화면에서 모든 컴포넌트를 한눈에 둘러보고,
카드를 클릭해 Variants와 States를 자세히 살펴보세요.
Primary
Outline
button
Button
자세히
card
Card
이름상태
김하늘●
이도현●
박서연●
table
Table
저장 완료
변경사항이 적용되었습니다.
callout
Callout
Type here…
input
Input
textarea
Textarea
동의합니다
선택사항
checkbox
Checkbox
옵션 A
옵션 B
radio
Radio
SuccessWarningError
badge
Badge
옵션 선택
select
Select
검색…
Modal
Tooltip
combobox
Combobox
월간연간
segmented
SegmentedControl
React ×TS ×추가…
taginput
TagInput
rating
Rating
저장되었습니다
toast
Toast
!
확인이 필요합니다취소확인
alert
Alert
제목×
modal
Modal
drawer
Drawer
명령 검색…⌘K
대시보드로 이동
블로그 열기
command
Command
✓
2
3
stepper
Stepper
데이터가 없어요
empty · error · loading
feedback
Feedback
BIUH1·≡
richtext
RichTextEditor
‹
1
2
3
›
pagination
Pagination
May 2026
‹ ›
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
calendar
Calendar
API · Healthy
health
ApiHealthBadge
ReactTypeScriptNext.js
techbadge
TechBadge
자세히 보기
buttonlink
ButtonLink
icons
Icons
appswiper
AppSwiper
도움말
Hover me
tooltip
Tooltip
개요
기능
가격
tabs
Tabs
skeleton
Skeleton
AL
BO
CA
+2
avatar
Avatar
메뉴 ▾
편집
복제
삭제
dropdown
DropdownMenu
알림 받기
자동 저장
switch
Switch
볼륨60%
투명도0.85
slider
Slider
자주 묻는 질문
배송 정책
accordion
Accordion
67%
75%
progress
Progress
홈쇼케이스현재 페이지
breadcrumbs
Breadcrumbs
Click me
알림 설정
popover
Popover
또는
divider
Divider
⌘+K
kbd
Kbd