The Card component can be used by importing { Slideout } from "finallyreact". Its children elements will be the main content of the card, with an optional header component.
| Prop Name | Prop Type | Description |
|---|---|---|
| cardProps | HTMLAttributes | Props for the slideout card |
| closeProps | HTMLAttributes | Props for the close button |
| contentProps | HTMLAttributes | Props for the slideout content |
| customFooter | React.ReactNode | Custom footer for the slideout |
| customHeader | React.ReactNode | Custom header for the slideout |
| headerProps | HTMLAttributes | Props for the slideout header |
| onClose | () => void | Callback for closing the slideout |
| overlayProps | HTMLAttributes | Props for the slideout overlay |
| preventOutsideClick | boolean | Prevents closing the slideout by clicking outside |
| show | boolean | Whether the slideout is shown |
| simple | boolean | Renders a simple slideout |
| size | 'sm' | 'md' | 'lg' | Size of the slideout |
| text | string | Text content for the slideout |
| title | string | Title for the slideout |