<label class="label gap-3">
<input type="checkbox" class="input">
Accept terms and conditions
</label>
Usage
Simply add the label
class to your <label>
element or have a parent with the form
class (read more about form). Labels' style may be affected by the presence of a disabled peer or child element.
<label class="label" for="email">Your email address</label>
Examples
Disabled
<div class="grid gap-3">
<label class="label" for="email">Email</label>
<input class="input" id="email" type="email" placeholder="Email" disabled>
</div>