Checkbox

A boolean input component with checked and unchecked states.

import { Checkbox } from '@kaynora/ui'

export default function () {
  return (
    <Checkbox name='checkbox'>
      <T>Checkbox</T>
    </Checkbox>
  )
}

The disabled prop determines whether the checkbox is set to be non-interactive.

import { Checkbox } from '@kaynora/ui'

export default function () {
  return (
    <Checkbox name='checkbox' disabled>
      <T>Checkbox</T>
    </Checkbox>
  )
}

<Checkbox />
PropTypeDefault
children
ReactElement | ReactElement[]
—
name
string
—
value
boolean
undefined
defaultValue
boolean
false
onChange
(value: boolean) => void
undefined
disabled
boolean
false
internal
{
  root: HTMLDivElementProps
  checkbox: HTMLDivElementProps
  content: HTMLDivElementProps
}
undefined