ToggleSwitch

Home Switch

The ToggleSwitch component provides a visual switch to toggle between two states, like enabled and disabled. It’s commonly used for preferences, settings, and feature controls.


<?php

use Lib\PHPXUI\{Label, ToggleSwitch};

?>

<div class="flex items-center space-x-2">
    <ToggleSwitch id="airplane-mode" />
    <Label for="airplane-mode">Airplane Mode</Label>
</div>

Installation

npm

npx phpxui add Switch

Usage

use Lib\PHPXUI\ToggleSwitch

<ToggleSwitch />

ToggleSwitch const [copyName, setCopyName] = pp.state(false); const copyChildren = () => { navigator.clipboard.writeText('npx phpxui add ToggleSwitch'.trim()); setCopyName(true); setTimeout(() => { setCopyName(false); }, 2000); };

Installation

Usage