The component also supports accessibility roles: figure (default) and checkbox.
Name | Type | Required | Default | Description |
---|---|---|---|---|
alt | string | false | ||
caption | string | false | Thumbnail caption | |
children | ReactNode | false | ||
className | string | false | Additional classNames | |
clickable | boolean | false | ||
disabled | boolean | false | Use "disabled" view | |
error | boolean | false | ||
filename | string | false | Unless variant is provided, filename is used to choose a placeholder icon based on extension. E.g. for 'filename="panda.png"', image {' '} variant will be used | |
focused | boolean | false | Use "focused" view | |
hasCaptionPlaceholder | boolean | false | Show placeholder for caption if it is empty | |
label | string | false | Thumbnail label | |
qa | QaTags | false | ||
selected | boolean | false | Use "selected" view | |
size | SizeVariant | false | Thumbnail size | |
src | null | string | File | false | An image URL or a | |
style | CSSProperties | false | Additional CSS styles | |
tabIndex | number | false | ||
variant | ThumbnailDocumentIconVariant | false | ||
onClick | Function | false |
Creates previews for images. For other kinds of files, it falls back to Thumbnail.Placeholder.
Thumbnails fall back to Thumbnail.Placeholder if src is not provided, detecting placeholder type based on caption.
Thumbnail.Placeholder supports the same set of props as Thumbnail.
Note: the tooltips are used for demo purposes only
Alt text for the Thumbnail image
11.6.0