Package detail

@s-ui/react-molecule-dropdown-option

SUI-Components112.6kMIT2.14.0

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

@s-ui, react, component, molecule

readme

MoleculeDropdownOption

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

documentation issue npm

Issues open NPM

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.