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