React Radio Component

import React from 'react';
import ReactDOM from 'react-dom';
import Radio from 'muicss/lib/react/radio';

class Example extends React.Component {
  render() {
    return (
      <form>
        <Radio name="inputA" label="Option one" defaultChecked={true} />
        <Radio name="inputA" label="Option two" />
        <Radio name="inputA" label="Option three is disabled" disabled={true} />
      </form>
    );
  }
}

ReactDOM.render(<Example />, document.getElementById('example'));

import React from 'react';
import ReactDOM from 'react-dom';
import Radio from 'muicss/lib/react/radio';

class Example extends React.Component {
  state = {
    selectedOption: 'option2'
  };

  onChange(ev) {
    this.setState({selectedOption: ev.target.value});
  }

  render() {
    return (
      <form>
        <Radio name="inputA" label="Option one" value="option1" checked={this.state.selectedOption === 'option1'} onChange={this.onChange.bind(this)} />
        <Radio name="inputA" label="Option two" value="option2" checked={this.state.selectedOption === 'option2'} onChange={this.onChange.bind(this)} />
        <Radio name="inputA" label="Option three" value="option3" checked={this.state.selectedOption === 'option3'} onChange={this.onChange.bind(this)} />
      </form>
    );
  }
}

ReactDOM.render(<Example />, document.getElementById('example'));

import React from 'react';
import ReactDOM from 'react-dom';
import Button from 'muicss/lib/react/button';
import Radio from 'muicss/lib/react/radio';

class Example extends React.Component {
  onSubmit(ev) {
    ev.preventDefault();  // prevent form submission
    alert([
      'option1: ' + this.option1.controlEl.checked,
      'option2: ' + this.option2.controlEl.checked,
      'option3: ' + this.option3.controlEl.checked
    ].join('\n'));
  }

  render() {
    return (
      <form onSubmit={this.onSubmit.bind(this)}>
        <Radio name="inputA" label="Option one" value="option1" ref={el => { this.option1 = el; }} />
        <Radio name="inputA" label="Option two" value="option2" ref={el => { this.option2 = el; }} defaultChecked={true} />
        <Radio name="inputA" label="Option three" value="option3" ref={el => { this.option3 = el; }} />
        <Button variant="raised">Get value</Button>
      </form>
    );
  }
}

ReactDOM.render(<Example />, document.getElementById('example'));