Toggle

Home Toggle

The ToggleGroup component is used to group multiple Toggle components together. It supports both single and multiple selection modes, making it ideal for toolbars, filters, and segmented controls.


<?php

use Lib\PPIcons\Bold;
use Lib\PHPXUI\Toggle;

?>

<Toggle aria-label="Toggle italic">
    <Bold class="h-4 w-4" />
</Toggle>

Installation

npm

npx phpxui add Toggle

Usage

use Lib\PHPXUI\Toggle

<Toggle>Toggle</Toggle>

Command Palette

Installation

Usage

Examples

With Text

Disabled

Small

Large

Outline

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

Installation

Usage

Examples

With Text

Disabled

Small

Large

Outline