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>