useRadio

useRadio is a custom hook used to provide radio functionality, as well as state and focus management to custom radio components when using it.

Import#

import { useRadio } from '@chakra-ui/react'

The useRadio hook returns following props

Name	Type	Description
`state`	`RadioState`	An object that contains all props defining the current state of a radio.
`getRadioProps`	`PropGetter`	A function to get the props of the radio.
`getInputProps`	`PropGetter`	A function to get the props of the input field.
`getLabelProps`	`PropGetter`	A function to get the props of the radio label.
`getRootProps`	`PropGetter`	A function to get the props of the radio root.
`htmlProps`	`{}`	An object with all htmlProps.

The useRadio hook accepts an object with the following properties: