Cards

카드 컴포넌트의 다양한 변형을 확인합니다.

Basic Card

CardHeader + CardContent + CardFooter

카드 제목

카드에 대한 간단한 설명을 작성합니다.

카드의 본문 콘텐츠입니다. 여기에 다양한 요소를 넣을 수 있습니다.

Title + Description Only

헤더만 있는 심플 카드

간단한 카드

제목과 설명만으로 구성된 카드입니다. 추가 콘텐츠 없이 정보를 전달합니다.

StatCard

통계 카드 변형

총 사용자

12,847

+12.5%전월 대비

매출

₩84.2M

-3.2%전월 대비

주문 수

8,412

전환율

3.24%

FormSection

폼 섹션 카드

기본 정보

프로젝트의 기본 정보를 입력하세요.

이름

Card Grid

2x2 그리드 레이아웃

프로젝트 A

프론트엔드 리팩토링

진행률: 75%

프로젝트 B

API 최적화

진행률: 42%

프로젝트 C

디자인 시스템

진행률: 90%

프로젝트 D

모니터링 대시보드

진행률: 15%

EmptyState

카드 안의 빈 상태

데이터가 없습니다

새로운 항목을 추가해보세요.