Switch

Use switch when you want a boolean control that reads more like an on/off setting than a checklist item.

Import

use PUI
# or
import PUI.Input

Basic Usage

Provide label to render the switch and label together.

<.switch
  id="notifications"
  name="notifications"
  label="Enable notifications"
/>

In Settings Screens

Switches work well for preferences and feature flags.

<.switch id="security-alerts" name="security_alerts" label="Security alerts" />
<.switch id="marketing-emails" name="marketing_emails" label="Marketing emails" />

Disabled State

Use disabled when a setting is read-only or temporarily unavailable.

<.switch
  id="beta-access"
  name="beta_access"
  label="Beta access"
  disabled
/>

API Reference

Attributes