#Switch

A toggle control for switching between on and off states.

#When to Use

• For boolean settings (enable/disable)
• As a more visual alternative to checkboxes
• For instant-apply toggles

#Import

import { Switch } from "orizon";

#Examples

#Basic

<Switch defaultChecked onChange={(checked) => console.log(checked)} />

#With Text

<Switch checkedChildren="ON" unCheckedChildren="OFF" defaultChecked />

#Sizes

<Switch defaultChecked />
<Switch size="small" defaultChecked />

#Loading

<Switch loading defaultChecked />

#Disabled

<Switch disabled defaultChecked />

#API

#SwitchProps

• checked — boolean — On state (controlled)
• defaultChecked — boolean — Default state
• onChange — (checked: boolean) => void — Toggle callback
• disabled — boolean — Disable toggle
• loading — boolean — Show loading spinner
• size — "default" | "small" — Switch size (default: "default")
• checkedChildren — ReactNode — Content when on
• unCheckedChildren — ReactNode — Content when off