Label

Home Label

The Label component is used to tag form controls with descriptive text. It improves accessibility by clearly associating input fields with their corresponding descriptions.


<?php

use Lib\PHPXUI\{Checkbox, Label};

?>

<div>
    <div class="flex items-center space-x-2">
        <Checkbox id="terms" />
        <Label for="terms">Accept terms and conditions</Label>
    </div>
</div>

Installation

npm

npx phpxui add Label

Usage

use Lib\PHPXUI\Label


<Label for="terms">Accept terms and conditions</Label>

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

Installation

Usage