Sha256: b8613c2a7e4032e9e57838e6bba96f5c5d24bef37762de28f85895c9c6bfad70
Contents?: true
Size: 993 Bytes
Versions: 949
Compression:
Stored size: 993 Bytes
Contents
import React, { useState } from 'react'
import { Caption, Title, Toggle } from 'playbook-ui'
const ToggleName = () => {
const [choice, setChoice] = useState(false)
const handleOnChange = ({ target }) => {
setChoice(target.value = !choice)
}
return (
<>
<Title
size={4}
text="Which of the following vehicles do you own?"
/>
<br />
<Caption
text="Car"
/>
<Toggle
checked={choice}
size="sm"
>
<input
name="vehicle"
onChange={handleOnChange}
type="checkbox"
value="car"
/>
</Toggle>
<br />
<Caption
text="Bike"
/>
<Toggle
checked={choice}
size="sm"
>
<input
name="vehicle"
onChange={handleOnChange}
type="checkbox"
value="bike"
/>
</Toggle>
</>
)
}
export default ToggleName
Version data entries
949 entries across 949 versions & 2 rubygems