Django Label Component

Label wraps daisyUI's label styling in a cotton component that pairs cleanly with inputs, selects, and textareas. The floating variant keeps the label visible above the field once a value is entered.

Basic Label

Preview

We will never share your email

Code

<c-lb.fieldset legend="Email">
  <c-lb.input type="email" placeholder="[email protected]" />
  <c-lb.label>We will never share your email</c-lb.label>
</c-lb.fieldset>

Floating Label

Preview

Your Email

Code

<c-lb.label floating>
  <span>Your Email</span>
  <c-lb.input type="email" placeholder="[email protected]" />
</c-lb.label>

API Reference

`c-lb.label`

Property	Type	Default	Required	Description
class	string	-	No	Additional CSS classes to apply
as	p span label div	`p`	No	HTML element to render as
floating	boolean	`False`	No	Render as a floating label (wraps input with floating-label class)

Slot Name	Description
default	Label text content