@s-ui/react-molecule-dropdown-option
Version:
`MoleculeDropdownOption` is a component that wraps a composition of checkbox + text.
53 lines (40 loc) • 2.09 kB
Markdown
# MoleculeDropdownOption
`MoleculeDropdownOption` is a component that wraps a composition of checkbox + text.
[](https://sui-components.vercel.app/workbench/molecule/dropdownOption/)
[](https://github.com/SUI-Components/sui-components/issues/new?&projects=4&template=bug-report.yml&assignees=&template=report-a-bug.yml&title=🪲+&labels=bug,component,molecule,dropdownOption)
[](https://www.npmjs.com/package/@s-ui/react-molecule-dropdown-option)
[](https://github.com/SUI-Components/sui-components/issues?q=is%3Aopen+label%3Acomponent+label%3AdropdownOption)
[](https://github.com/SUI-Components/sui-components/blob/main/components/molecule/dropdownOption/LICENSE.md)
## Installation
```sh
$ npm install @s-ui/react-molecule-dropdown-option --save
```
## Usage
### Basic usage
```js
import MoleculeDropdownOption from '@s-ui/react-molecule-dropdown-option'
return (
<MoleculeDropdownOption value="option1">
Option 1
</MoleculeDropdownOption>
)
```
### With `checkbox`
```js
import MoleculeDropdownOption from '@s-ui/react-molecule-dropdown-option'
return (
<MoleculeDropdownOption value="option1" checkbox>
Option 1
</MoleculeDropdownOption>
)
```
### With disabled
```js
import MoleculeDropdownOption from '@s-ui/react-molecule-dropdown-option'
return (
<MoleculeDropdownOption value="option1" disabled>
Option 1
</MoleculeDropdownOption>
)
```
**Find full description and more examples in the [demo page](https://sui-components.now.sh/workbench/molecule/dropdownOption/demo).**