Document Box
Renders a box showing the thumbnail, and the optional title, metadata and content of a document
- Import
import { DocumentBox } from '@smile/haring-react'; - Source View Source Code
- Package @smile/haring-react
- Storybook Storybook
Storybook Docs
Props
| Name | Type | Default | Description |
|---|---|---|---|
| author | ReactNode | - | Content displayed as the author of the document, after the date |
| children | ReactNode | - | Content displayed below the document title and metadata |
| date | ReactNode | - | Content displayed as the document's date, below the document title and before the author |
| iconType | IconMap | empty file icon | Icon indicating the filetype of the document, one of the IconMap values |
| image | string | default fallback image | Path to the image or thumbnail of the document, displayed on the left |
| mobileImageButtonLabel | string | "'Display preview" | Label for mobile collapse button |
| path | ReactNode | - | Content displayed as the document's path, after the document title |
| title | ReactNode | - | Content displayed as the document's title, at the top |
| onCardClick | (() => void) | - | Callback function called when the user clicks on the card. |