Thumbnail
Renders a card representing an interactive file or image thumbnail. Contains a filetype icon, title and image, with an actions menu
- Import
import { Thumbnail } from '@smile/haring-react'; - Source View Source Code
- Package @smile/haring-react
- Storybook Storybook
Storybook Docs
Props
| Name | Type | Default | Description |
|---|---|---|---|
| actions | IAction<IThumbnail> | - | Array of actions for the thumbnail |
| ... | - | - | extends IThumbnail |
IThumbnail
| Attribute | Type | Description |
|---|---|---|
| iconType | Icon Map | Icon type of the thumbnail |
| id * | number | string | Id of the thumbnail |
| image | string | Image of the thumbnail |
| label | string | Label of the thumbnail |
| selected | boolean | Highlights the thumbnail as a selected item |
| onClick | () => void | Called when the thumbnail is clicked |
IThumbnailData
Corresponds to IThumbnail | IThumbnail[]
IThumbnailAction
Corresponds to IAction<IThumbnailData>