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
49 lines
983 B
Plaintext
49 lines
983 B
Plaintext
---
|
|
name: InputMultiSelect
|
|
menu: Form
|
|
route: components/InputMultiSelect
|
|
---
|
|
|
|
import { useState } from 'react';
|
|
import { Playground, Props } from 'docz';
|
|
import { InputMultiSelect } from '../';
|
|
|
|
# Input Multi Select
|
|
|
|
## Import
|
|
|
|
```javascript
|
|
import { InputMultiSelect } from '@ohif/ui';
|
|
```
|
|
|
|
## Basic usage
|
|
|
|
<Playground>
|
|
{() => {
|
|
const [values, setValues] = useState([]);
|
|
return (
|
|
<div className="flex flex-col flex-1 p-4 items-center">
|
|
<div className="w-56">
|
|
<InputMultiSelect
|
|
label="Modality"
|
|
options={[
|
|
{ value: 'SEG', label: 'SEG' },
|
|
{ value: 'CT', label: 'CT' },
|
|
{ value: 'MR', label: 'MR' },
|
|
{ value: 'SR', label: 'SR' },
|
|
]}
|
|
value={values}
|
|
onChange={(values) => {
|
|
setValues(values);
|
|
}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
}}
|
|
</Playground>
|
|
|
|
## Properties
|
|
|
|
<Props of={InputMultiSelect} />
|