Contents

import React from 'react'
import Radio from '../_radio'
import Select from '../../pb_select/_select'
import Typeahead from '../../pb_typeahead/_typeahead'
import Title from '../../pb_title/_title'

const RadioChildren = (props) => {


  const options = [
    { label: 'Orange', value: 'Orange' },
    { label: 'Red', value: 'Red' },
    { label: 'Green', value: 'Green' },
    { label: 'Blue', value: 'Blue' },
  ]

  return (
    <div>
      <Radio
          label="Select"
          name="Group1"
          tabIndex={0}
          value="Select"
          {...props}
      >
        <Select 
            minWidth="xs"
            options={options}
        />
      </Radio>
      <Radio
          label="Typeahead"
          name="Group1"
          tabIndex={0}
          value="Typeahead"
          {...props}
      >
        <Typeahead 
            minWidth="xs"
            options={options}
        />
      </Radio>
      <br />
      <Radio
          defaultChecked={false}
          label="Typography"
          name="Group1"
          value="Typography"
          {...props}
      >
        <Title text="Custom Typography" />
        </Radio>
    </div>
  )
}
export default RadioChildren

Version data entries

2 entries across 2 versions & 2 rubygems

Version	Path
playbook_ui_docs-14.2.1.pre.alpha.pbntr373enablekitsforradio3665	app/pb_kits/playbook/pb_radio/docs/_radio_children.jsx
playbook_ui-14.2.1.pre.alpha.pbntr373enablekitsforradio3665	app/pb_kits/playbook/pb_radio/docs/_radio_children.jsx