RadioGroup

Home Radio Group

The RadioGroup component presents a list of options where only one can be selected at a time. It’s ideal for forms and settings where a single choice is required.


<?php

use Lib\PHPXUI\{Label, RadioGroup, RadioGroupItem};

?>

<RadioGroup value="comfortable">
    <div class="flex items-center gap-3">
        <RadioGroupItem value="default" id="r1" />
        <Label for="r1">Default</Label>
    </div>
    <div class="flex items-center gap-3">
        <RadioGroupItem value="comfortable" id="r2" />
        <Label for="r2">Comfortable</Label>
    </div>
    <div class="flex items-center gap-3">
        <RadioGroupItem value="compact" id="r3" />
        <Label for="r3">Compact</Label>
    </div>
</RadioGroup>

Installation

npm

npx phpxui add RadioGroup

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

Installation