Choice list

Live demo

Code

import { ChoiceList } from '@shieldpay/bumblebee/choice-list';

const options = [
  { label: 'one', value: 1 },
  { label: 'two', value: 2 }
]

<ChoiceList
  name="checkbox"
  variant="checkbox"
  label="label for list checkbox list"
  value={selectedCheckboxes}
  options={options}
  onChange={(values) => setSelectedCheckboxes(values)} // an array of values
/>

<ChoiceList
  name="radiobutton"
  variant="radiobutton"
  label="label for radiobutton list"
  value={selectedRadioButton}
  options={options}
  onChange={(value) => setSelectedRadiobutton(value)} // an single value
/>