ef163cd702
* Use path instead of alias * Add missing pacakges * Use path in viewers * Use path in contextProviders * Add base to config * Add conditionals for window * Copy config to avoid breaking build * Update and lock versions * Update lock file * Remove scaling config * Fix broken versions of react date * Fix broken dev
41 lines
810 B
Plaintext
41 lines
810 B
Plaintext
---
|
|
name: ViewportGrid
|
|
menu: General
|
|
route: components/viewportGrid
|
|
---
|
|
|
|
import { Playground, Props } from 'docz';
|
|
import { DragAndDropProvider } from '../../contextProviders';
|
|
import { ViewportGrid } from '../../components';
|
|
|
|
# ViewportGrid
|
|
|
|
Used to display viewports in the viewer page.
|
|
|
|
## Import
|
|
|
|
```javascript
|
|
import { ViewportGrid } from '@ohif/ui';
|
|
```
|
|
|
|
## Basic usage
|
|
|
|
<Playground>
|
|
<DragAndDropProvider>
|
|
<div className="p-4 h-56">
|
|
<ViewportGrid numRows={1} numCols={2}>
|
|
<div className="flex items-center justify-center h-full text-white">
|
|
Viewport1
|
|
</div>
|
|
<div className="flex items-center justify-center h-full text-white">
|
|
Viewport2
|
|
</div>
|
|
</ViewportGrid>
|
|
</div>
|
|
</DragAndDropProvider>
|
|
</Playground>
|
|
|
|
## Properties
|
|
|
|
<Props of={ViewportGrid} />
|