Radios View Source

import * as React from "react";

import { RadioGroup } from "slate-react-system";

const RADIO_GROUP_OPTIONS = [

  {

    value: "1",

    label: (

      <React.Fragment>

        <strong>Option one</strong>

        <br />I want to have cake and soda for breakfast.

      </React.Fragment>

    ),

  },

  {

    value: "2",

    label: (

      <React.Fragment>

        <strong>Option two</strong>

        <br />I want to have cake and soda for lunch.

      </React.Fragment>

    ),

  },

  {

    value: "3",

    label: (

      <React.Fragment>

        <strong>Option three</strong>

        <br />I want to have cake and soda for dinner.

      </React.Fragment>

    ),

  },

];

class ExampleOne extends React.Component {

  state = { ExampleOne: "2" };

  _handleChange = (e) => this.setState({ [e.target.name]: e.target.value });

  render() {

    return (

      <RadioGroup

        name="ExampleOne"

        options={RADIO_GROUP_OPTIONS}

        selected={this.state.ExampleOne}

        onChange={this._handleChange}

      />

    );

  }

}