update docz examples to match new component api
This commit is contained in:
parent
d7cdc1c3ba
commit
50d0144e78
@ -5,7 +5,7 @@ route: components/viewport-pane
|
|||||||
---
|
---
|
||||||
|
|
||||||
import { Playground, Props } from 'docz';
|
import { Playground, Props } from 'docz';
|
||||||
import { DragAndDropContext, ViewportGrid, ViewportPane } from '@ohif/ui';
|
import { DragAndDropProvider, ViewportGrid, ViewportPane } from '@ohif/ui';
|
||||||
|
|
||||||
# ViewportPane
|
# ViewportPane
|
||||||
|
|
||||||
@ -21,12 +21,12 @@ import { ViewportPane } from '@ohif/ui';
|
|||||||
|
|
||||||
<Playground>
|
<Playground>
|
||||||
<div className="p-4 h-56">
|
<div className="p-4 h-56">
|
||||||
<DragAndDropContext>
|
<DragAndDropProvider>
|
||||||
<ViewportGrid numRows={1} numCols={2}>
|
<ViewportGrid numRows={1} numCols={2}>
|
||||||
<ViewportPane onDrop={() => {}} isActive={true}><h3>Hello</h3></ViewportPane>
|
<ViewportPane onDrop={() => {}} isActive={true}><h3>Hello</h3></ViewportPane>
|
||||||
<ViewportPane onDrop={() => {}} isActive={false}><h3>World</h3></ViewportPane>
|
<ViewportPane onDrop={() => {}} isActive={false}><h3>World</h3></ViewportPane>
|
||||||
</ViewportGrid>
|
</ViewportGrid>
|
||||||
</DragAndDropContext>
|
</DragAndDropProvider>
|
||||||
</div>
|
</div>
|
||||||
</Playground>
|
</Playground>
|
||||||
|
|
||||||
|
|||||||
@ -147,15 +147,7 @@ components.
|
|||||||
row: [
|
row: [
|
||||||
{
|
{
|
||||||
key: 'patientName',
|
key: 'patientName',
|
||||||
content: (
|
content: PatientName,
|
||||||
<>
|
|
||||||
<Icon
|
|
||||||
name={isExpanded ? 'chevron-down' : 'chevron-right'}
|
|
||||||
className="mr-4"
|
|
||||||
/>
|
|
||||||
{PatientName}
|
|
||||||
</>
|
|
||||||
),
|
|
||||||
gridCol: 4,
|
gridCol: 4,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user