Radio

Size

Required

Disabled

ReadOnly

Error

Label

import React from "react"
import { Radio } from "@creation-ui/react"

export const Example = () => <Radio size={"md"} label={"Radio"} />

Controlled example

import { Radio, RadioProps } from '@creation-ui/react'
 
export const RadioComponet = ({ ...props }: Omit<RadioProps, 'onChange'>) => {
  const [checked, setChecked] = useState<boolean>(false)
 
  return <Radio onChange={setChecked} checked={checked} {...props} />
}

Component API

[object Object]

Prop	Default	Description
`size`	`md`	`sm \| md \| lg` Size of the element
`label`	—	`string` Input label
`indeterminate`	—	`string` Should component display icon for the indeterminate state Often used as indication that not all options are selected on the list
`disabled`	—	`boolean` Is disabled?
`enableFocusRing`	—	`boolean` Should component display focus ring when `:focus`

Input Base Radio Group