Switch

PreviousNext

Toggle switch.

import { Switch } from "@/rl-ui";

<Switch defaultChecked />

Examples

Sizes

import { Switch } from "@/rl-ui";

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

On / off / disabled

import { Switch } from "@/rl-ui";

<>
<Switch />
<Switch defaultChecked />
<Switch disabled />
<Switch disabled defaultChecked />
</>

API

PropTypeDefaultDescription
size"small" | "medium" | "large""medium"Control size.
checkedboolean—Controlled on state.
defaultCheckedboolean—Uncontrolled initial state.
onCheckedChange(checked: boolean) => void—Change handler.
disabledbooleanfalsePrevents interaction.