컴포넌트 요약

디자인 시스템의 모든 컴포넌트를 한눈에 확인합니다.

Colors

테마 색상 팔레트

backgroundhsl(40 30% 95%)

foregroundhsl(30 10% 15%)

cardhsl(0 0% 100%)

primaryhsl(220 60% 38%)

secondaryhsl(40 20% 93%)

mutedhsl(40 20% 93%)

accenthsl(40 20% 93%)

destructivehsl(0 55% 55%)

borderhsl(40 15% 87%)

타이포그래피 스케일

Body text (text-sm)

Small text (text-xs)

Monospace text

버튼 변형 및 크기

배지 변형

DefaultSecondaryOutlineDestructive

입력 컴포넌트

Input

Textarea

Select

Checkbox

Switch

카드 및 StatCard

기본 카드

카드 설명 텍스트

카드 콘텐츠 영역입니다.

총 사용자

12,847

+12.5%전월 대비

데이터 테이블

다이얼로그 및 오버레이