Card
Card는 이미지와 텍스트, 일부 기능 버튼을 포함한 컨테이너로 콘텐츠를 제공합니다.Examples
Layout
상황에 따라, 일부 영역을 생략하여 Card를 구성할 수 있습니다.
Props Table
Card.Root
Card 복합 컴포넌트의 루트. 관련된 콘텐츠와 액션을 묶는 테두리가 있는 컨테이너입니다. <div> 요소로 렌더링됩니다.
| Prop | Default | Type |
|---|---|---|
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
render? | - | ReactElementfunction |
Card.Header
Card의 상단 영역. 보통 제목을 담으며 테두리로 본문과 구분됩니다. <div> 요소로 렌더링됩니다.
| Prop | Default | Type |
|---|---|---|
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
render? | - | ReactElementfunction |
Card.Body
Card의 본문 영역. <div> 요소로 렌더링됩니다.
| Prop | Default | Type |
|---|---|---|
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
render? | - | ReactElementfunction |
Card.Footer
Card의 하단 영역. 보통 액션 버튼을 담으며 테두리로 본문과 구분됩니다. <div> 요소로 렌더링됩니다.
| Prop | Default | Type |
|---|---|---|
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
render? | - | ReactElementfunction |