Card
Cards are a fundamental building block for compositions, such as forms, or sections.
Examples
Blocks
This component is used in the following Blocks:
Theme
This component uses the following default theme:
- root{}(5 keys)
- Show all
Learn more about how to customize in the Theme documentation.
API
| Prop | Description | Default |
|---|---|---|
disablePadding | Disable the padding of the card.boolean | |
className | Additional classname to apply to the card.string | |
headerClassName | Header classname to apply.string | |
contentClassName | Content classname to apply.string | |
style | Additional style attributes. Recommend to use css classes over this.CSSProperties | |
header | Header element or text to show.string | Element | Element[] | |
theme | Theme for the Card.CardTheme | |
ref | LegacyRef<HTMLDivElement> |