react-action-sheet-modal v0.1.0

React Radios

Brings radio group behavior into line with other input types in React like the select tag.

https://jossmac.github.io/react-radios

Install

yarn add react-radios

Use

import { Radio, RadioGroup } from 'react-radios';

<RadioGroup value={this.state.fruit} onChange={this.handleChange}>
  <Radio value="apple" /> Apple
  <Radio value="orange" /> Orange
  <Radio value="banana" /> Banana
</RadioGroup>

If you'd like to use the same single-value pattern for checkboxes, there's components for that too:

import { Checkbox, CheckboxGroup } from 'react-radios';

<CheckboxGroup value={this.state.numbers} onChange={this.handleChange}>
  <Checkbox value={1} /> One
  <Checkbox value={2} /> Two
  <Checkbox value={3} /> Three
</CheckboxGroup>

Props

RadioGroup / CheckboxGroup

Radio / Checkbox