DocsComposantsLabel
Label
A label for a form control.
1 fichier
<div class="flex items-center gap-2">
<pb-ui.checkbox id="terms" />
<pb-ui.label for="terms">Accepter les conditions</pb-ui.label>
</div>Installation
pyblade-ui add label- Copiez ce fichier dans votre projetcomponents/ui/label.html
<label data-slot="label" {{ attributes.cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50") }}>{{ slot }}</label> - Adaptez le chemin à votre projet
Le dossier
componentsest celui déclaré danspyblade.toml.
Utilisation
La balise <pb-ui.label> est disponible dans tous vos templates.
<pb-ui.label for="email">Email</pb-ui.label>