The Card component can be used by importing { Card } from "finallyreact". Its children elements will be the main content of the card, with optional header and footer sections.
| Prop Name | Prop Type | Description |
|---|---|---|
| contentProps | HTMLAttributes | Props for Card content |
| customFooter | React.ReactNode | Custom footer for a card |
| customHeader | React.ReactNode | Custom header for a card |
| headerProps | HTMLAttributes | Props for the card header |
| rounded | boolean | Rounded card |
| shadow | boolean | Whether the card has a shadow |
| showHoverShadow | boolean | Whether the card shows a shadow on hover |
| simple | boolean | Simple card with no styles |
| title | string | Title for the card |
| well | boolean | Whether the card is rendered as a 'well' |