Components
Card
정보성 공지 및 민원 목록에 적합한 보더 기반 카드 레이아웃입니다.
Preview
민원 안내
온라인 민원 접수 및 처리 현황을 확인하세요.
접수된 민원은 영업일 기준 3일 이내에 처리됩니다.
<Card>
<CardHeader>
<CardTitle>민원 안내</CardTitle>
<CardDescription>온라인 민원 접수 및 처리 현황을 확인하세요.</CardDescription>
</CardHeader>
<CardContent>
<p>접수된 민원은 영업일 기준 3일 이내에 처리됩니다.</p>
</CardContent>
<CardFooter>
<Button size="sm">자세히 보기</Button>
<Button size="sm" variant="ghost">닫기</Button>
</CardFooter>
</Card>Variants
Default
기본 카드
Elevated
그림자 카드
Outlined
강조 보더
Interactive
클릭 가능
With Badge
시스템 점검 안내
공지2024년 3월 15일 02:00 ~ 06:00
서비스 안정화를 위한 정기 점검이 진행됩니다.
Props
Card
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "elevated" | "outlined" | "interactive" | "default" | 카드 스타일 |
padding | "none" | "sm" | "md" | "lg" | "md" | 내부 여백 |
Sub-components
| Component | Description |
|---|---|
CardHeader | 상단 헤더 영역 |
CardTitle | 제목 (h3) |
CardDescription | 부제목/설명 |
CardContent | 본문 콘텐츠 |
CardFooter | 하단 액션 영역 (상단 보더 포함) |