Skip to content

Laravel Label Component

Free · MIT

The field label styling on its own, for controls you build yourself.

A Label built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4. Server-rendered by default and dark-mode ready. Aura's solid-background and border colours are contrast-tested against WCAG 2.1 AA/UI in CI, in both themes — see what's covered. Drop it in with a single Blade tag: <x-aura::label>

Installation

composer require bluestarsystem/aura-ui

Usage

<x-aura::label for="city">City</x-aura::label>
<input id="city" name="city" class="…your own control…" />

See the full API, props and live examples in the Label documentation.

Overview

Field and Input already render a label. <x-aura::label> is that same label available on its own, for when you are wiring up a control the library does not provide — so you do not copy the classes out of the package and watch them drift apart at the next release.

Props

Prop Type Default Description
for string|null null Id of the control this labels.
required bool false Mark the field as required.
optional bool false Mark the field as optional.

See more examples and every variant in the Label documentation.

Laravel-native
No JavaScript framework. Pure Blade, Livewire & Alpine.
Dark mode & themeable
Tailwind 4 CSS variables and a visual Theme Studio.
Accessible
Colour contrast tested against WCAG 2.1 AA/UI in CI; ARIA attributes on select components.