Checkbox

A control that allows the user to toggle between checked and not checked.

Examples

Label

Error

State

Disabled

Accept terms and conditions

import { Checkbox } from 'kalki-design'

<Checkbox></Checkbox>

npx kalki-design add checkbox

import { Checkbox } from 'kalki-design'

export default function Example() {
  return <Checkbox />
}

Name	Type	Default	Description
Name`label`	Type`string`	Default`—`	DescriptionLabel rendered next to the checkbox.
Name`helperText`	Type`string`	Default`—`	DescriptionSupplementary text below the label.
Name`error`	Type`string \| boolean`	Default`—`	DescriptionError state message or styling.
Name`disabled`	Type`boolean`	Default`false`	DescriptionPrevents interaction.