RadioCard Example:

No Image:

```jsx
    class RadioCardExample extends React.Component {
      constructor(props) {
        super(props);

        this.state = {
          value: '',
        };

        this.onChange = this.onChange.bind(this);
      }

      onChange(value) {
        this.setState({
          value
        });
      }

      render() {
        const { value } = this.state;

        return (
          <Layout
            mediumCols={[ 6 ]}
          >
            <RadioCard
              input={{
                name: 'radio_test',
                value,
                onChange: this.onChange,
              }}
              label='Donec lobortis dui'
              description='Sed lobortis et quam at rhoncus'
              radioValue='Choice1'
            />

            <RadioCard
              input={{
                name: 'radio_test',
                value,
                onChange: this.onChange,
              }}
              label='Donec lobortis dui'
              description='Mauris tristique efficitur enim'
              radioValue='Choice2'
            />
          </Layout>
        )
      }
    }

    <RadioCardExample />
```

With Image:

```jsx
    class RadioCardExample extends React.Component {
      constructor(props) {
        super(props);

        this.state = {
          value: '',
        };

        this.onChange = this.onChange.bind(this);
      }

      onChange(value) {
        this.setState({
          value
        });
      }

      render() {
        const { value } = this.state;

        return (
          <Layout
            mediumCols={[ 6 ]}
          >
            <RadioCard
              input={{
                name: 'radio_test',
                value,
                onChange: this.onChange,
              }}
              label='Donec lobortis dui'
              description='Sed lobortis et quam at rhoncus'
              image='https://styles.policygenius.com/23.2.0/styleguide/images/Apply-online.png'
              radioValue='Choice1'
            />

            <RadioCard
              input={{
                name: 'radio_test',
                value,
                onChange: this.onChange,
              }}
              label='Donec lobortis dui'
              description='Mauris tristique efficitur enim'
              image='https://styles.policygenius.com/23.2.0/styleguide/images/Call-an-expert.png'
              radioValue='Choice2'
            />
          </Layout>
        )
      }
    }

    <RadioCardExample />
```

With Bottom Sections:

```jsx
    class RadioCardExample extends React.Component {
      constructor(props) {
        super(props);

        this.state = {
          value: '',
        };

        this.onChange = this.onChange.bind(this);
      }

      onChange(value) {
        this.setState({
          value
        });
      }

      render() {
        const { value } = this.state;

        return (
          <Layout
            mediumCols={[ 6 ]}
          >
            <RadioCard
              input={{
                name: 'radio_test',
                value,
                onChange: this.onChange,
              }}
              label='Donec lobortis dui'
              description='Sed lobortis et quam at rhoncus'
              sections={[
                { label: 'Such label', value: '$100' },
                { label: 'much text', value: '$20' }
              ]}
              radioValue='Choice1'
            />

            <RadioCard
              input={{
                name: 'radio_test',
                value,
                onChange: this.onChange,
              }}
              label='Donec lobortis dui'
              description='Mauris tristique efficitur enim'
              sections={[
                { label: 'Such label', value: '$200' },
              ]}
              radioValue='Choice2'
            />
          </Layout>
        )
      }
    }

    <RadioCardExample />
```
With Bottom Sections and Sublabels:

```jsx
    class RadioCardExample extends React.Component {
      constructor(props) {
        super(props);

        this.state = {
          value: '',
        };

        this.onChange = this.onChange.bind(this);
      }

      onChange(value) {
        this.setState({
          value
        });
      }

      render() {
        const { value } = this.state;

        return (
          <Layout
            mediumCols={[ 6 ]}
          >
            <RadioCard
              input={{
                name: 'radio_test',
                value,
                onChange: this.onChange,
              }}
              label='Donec lobortis dui'
              description='Sed lobortis et quam at rhoncus'
              sections={[
                { label: 'Such', value: '$100', sublabel: 'label' },
                { label: 'much', value: '$20', sublabel: 'text' }
              ]}
              radioValue='Choice1'
            />

            <RadioCard
              input={{
                name: 'radio_test',
                value,
                onChange: this.onChange,
              }}
              label='Donec lobortis dui'
              description='Mauris tristique efficitur enim'
              sections={[
                { label: 'TWO HUNDERD', value: '$200', sublabel: '(dollars)' },
              ]}
              radioValue='Choice2'
            />
          </Layout>
        )
      }
    }

    <RadioCardExample />
```