8cea1a04d6
* ohif-333: add component foundation * ohif-333: add expandable content and mocked data * ohif-333: improve ListMenu component for the new toolbar button and add radio behavior * ohif-333: add click outside behavior and update primary and secondary props * ohif-333: separate classes from markup * ohif-333: fix layout issues * ohif-333: extract window level component * ohif-333: update component returns * ohif-333: update chevron thickness * ohif-333: remove is active prop * Delete lerna-debug.log * ohif-333: clean toolbar and use example in ui package * ohif-333: update styles to avoid word break * ohif-333: fix ui package build Co-authored-by: Erik Ziegler <erik.sweed@gmail.com> Co-authored-by: Danny Brown <danny.ri.brown@gmail.com>
41 lines
796 B
Plaintext
41 lines
796 B
Plaintext
---
|
|
name: Thumbnail
|
|
menu: General
|
|
route: components/thumbnail
|
|
---
|
|
|
|
import { Playground, Props } from 'docz';
|
|
import { Thumbnail } from '../';
|
|
|
|
# Thumbnail
|
|
|
|
Used to expose a display set showing some information about the group of images
|
|
and a thumbnail
|
|
|
|
## Import
|
|
|
|
```javascript
|
|
import { Thumbnail } from '@ohif/ui';
|
|
```
|
|
|
|
## Basic usage
|
|
|
|
<Playground>
|
|
<div className="flex flex-1 items-center justify-center p-4">
|
|
<div className="w-56">
|
|
<Thumbnail
|
|
imageAltText="DisplaySet thumbnail image"
|
|
description="Multiple line image series description lorem sit"
|
|
seriesNumber={4}
|
|
numInstances={902}
|
|
onClick={() => alert('Thumbnail was clicked!')}
|
|
isActive={false}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</Playground>
|
|
|
|
## Properties
|
|
|
|
<Props of={Thumbnail} />
|