40 lines
608 B
Plaintext
40 lines
608 B
Plaintext
---
|
|
name: Input
|
|
menu: Components
|
|
route: components/input
|
|
---
|
|
|
|
import { Playground, Props } from 'docz';
|
|
import Input from './';
|
|
|
|
# Input
|
|
|
|
## Import
|
|
|
|
```javascript
|
|
import { Input } from '@ohif/ui';
|
|
```
|
|
|
|
## Basic usage
|
|
|
|
<Playground>
|
|
{() => {
|
|
const [inputValue, setInputValue] = React.useState('');
|
|
return (
|
|
<div className="p-4">
|
|
<Input
|
|
transparent
|
|
containerClassName="mb-3"
|
|
label="Label"
|
|
placeholder="With Label"
|
|
/>
|
|
<Input placeholder="Without label" />
|
|
</div>
|
|
);
|
|
}}
|
|
</Playground>
|
|
|
|
## Properties
|
|
|
|
<Props of={Input} />
|