The label component is a small and practical convenience component to use in your forms. When you set the for attribute, it'll generate a label tag for a subsequent input field with the same id attribute and automatically generate the label title.


The label component comes ready out-of-the-box with Blade UI Kit. Simply install the package and you're good to go.

Basic Usage

The most basic usage of the label component is as a self-closing component:

<x-label for="first_name" />

This will output the following HTML:

<label for="first_name">
    First name

As you can see it'll generate the title within the <label> tag. It's important to note that only keys with _ are supported and no camelcased or other variants.

On this page

© 2024 Dries Vints. Site built with the TALL Stack. Artwork by Caneco.