Skip to main content

MoleculeDropdownOption

MoleculeDropdownOption is a component that wraps a composition of checkbox + text.

Installation​

$ npm install @s-ui/react-molecule-dropdown-option --save

Usage​

Basic usage​

import MoleculeDropdownOption from '@s-ui/react-molecule-dropdown-option'

return (
  <MoleculeDropdownOption value="option1">
    Option 1
  </MoleculeDropdownOption>
)

With checkbox​

import MoleculeDropdownOption from '@s-ui/react-molecule-dropdown-option'

return (
  <MoleculeDropdownOption value="option1" checkbox>
    Option 1
  </MoleculeDropdownOption>
)

With disabled​

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.