Label

A label for a form control.

1 file

Installation

pyblade-ui add label

Copy this file into your project

components/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>

Update the path to fit your project
The components folder is the one set in pyblade.toml.

Usage

The tag <pb-ui.label> is available in all your templates.

<pb-ui.label for="email">Email</pb-ui.label>

‹ Textarea Field ›