Switch

A control that allows the user to toggle between on and off.

Examples

Label

Error

State

Disabled

Enable notifications

import { Switch } from 'kalki-design'

<Switch></Switch>

npx kalki-design add switch

import { Switch } from 'kalki-design'

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

Name	Type	Default	Description
Name`label`	Type`string`	Default`—`	DescriptionLabel rendered next to the switch.
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.
Name`checked`	Type`boolean`	Default`—`	DescriptionControlled checked state of the switch.