@smashing/control-group

Set of two or more buttons/radios/checkboxes with controlled value.

Usage no npm install needed!

<script type="module">
  import smashingControlGroup from 'https://cdn.skypack.dev/@smashing/control-group';
</script>

README

yarn add @smashing/control-group

Default usage

const ReactComponent = () => {
  const [value, setValue] = React.useState(1)

  return (
    <ControlGroup
      controlAppearance="flat"
      groupAppearance="button"
      onChange={v => setValue(v)}
      value={value}
      items={[
        {
          label: 'first button',
          value: 1
        },
        {
          label: 'second button',
          value: 2
        }
      ]}
    />
  )
}