Sha256: 68a4fdbb95c056d3ddb3242fe353285cfa119ce1b4dad4ddd15d6aeec58ead61
Contents?: true
Size: 1.34 KB
Versions: 327
Compression:
Stored size: 1.34 KB
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
customChildren
label="Select"
marginBottom="sm"
name="Group1"
tabIndex={0}
value="Select"
{...props}
>
<Select
marginBottom="none"
minWidth="xs"
options={options}
/>
</Radio>
<Radio
customChildren
label="Typeahead"
marginBottom="sm"
name="Group1"
tabIndex={0}
value="Typeahead"
{...props}
>
<Typeahead
marginBottom="none"
minWidth="xs"
options={options}
/>
</Radio>
<Radio
customChildren
defaultChecked={false}
label="Typography"
name="Group1"
value="Typography"
{...props}
>
<Title text="Custom Typography" />
</Radio>
</div>
)
}
export default RadioChildren
Version data entries
327 entries across 327 versions & 2 rubygems