Switch

On/off toggle. onChange reports (checked, event).

NotificationsSmallLoadingDisabled


import { Switch } from '@gg-software/ui';
 
<Switch label="Notifications" defaultChecked />
<Switch label="Small" size="sm" />
<Switch checked={enabled} onChange={(checked) => setEnabled(checked)} label="Enabled" />

Props

Prop	Type	Default	Description
`checked`	`boolean`	—
`defaultChecked`	`boolean`	—
`disabled`	`boolean`	`false`
`loading`	`boolean`	`false`
`size`	`"sm" \| "md"`	`md`
`label`	`ReactNode`	—
`children`	`ReactNode`	—	content rendered inside the component
`value`	`string`	—
`name`	`string`	—
`id`	`string`	—
`className`	`string`	—
`onChange`	`((checked: boolean, event: ChangeEvent<HTMLInputElement, Element>) => void)`	—

* required · generated from packages/ui/src/input/Switch/Switch.tsx