Switch

With a label

Disabled

import { Switch } from '@tulsa/core';

<Switch />
<Switch label={"With a label"} checked />
<Switch disabled label={"Disabled"} />

Props

Name	Type	Description	Default
id	string	Manually sets the id and accessibility of the `for` attribute of the associated label
label	string	Associated label of the box
labelProps	HTMLProps<"label">	Props that are applied to the root of the label

Native props are forwarded to the root component.

Examples

Sizes

Small

Medium

Large

<Switch size="sm" label="Small" />
<Switch size="md" label="Medium" />
<Switch size="lg" label="Large" />