Sha256: 239c58b010dacdd8686cafa4830eb5b61e315eb40802e2b6efa30cfd55a50a4b
Contents?: true
Size: 1.22 KB
Versions: 1003
Compression:
Stored size: 1.22 KB
Contents
import React, { useState } from 'react'
import { Caption, Title, Toggle } from 'playbook-ui'
const ToggleCustomRadio = () => {
const [choice, setChoice] = useState('walk')
const handleOnChange = ({ target }) => {
setChoice(target.value)
}
return (
<>
<Title
size={4}
text="Select one option:"
/>
<br />
<Caption
text="Walk"
/>
<Toggle
checked={choice}
size="sm"
>
<input
name="modes of transportation"
onChange={handleOnChange}
type="radio"
value="walk"
/>
</Toggle>
<br />
<Caption
text="Bike"
/>
<Toggle
size="sm"
>
<input
name="modes of transportation"
onChange={handleOnChange}
type="radio"
value="bike"
/>
</Toggle>
<br />
<Caption
text="Ride"
/>
<Toggle
size="sm"
>
<input
name="modes of transportation"
onChange={handleOnChange}
type="radio"
value="ride"
/>
</Toggle>
</>
)
}
export default ToggleCustomRadio
Version data entries
1,003 entries across 1,003 versions & 2 rubygems