Skip to content

Laravel Password Input Component

Free · MIT

A password field with a reveal toggle that reports its own state.

A Password Input 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::password-input>

Installation

composer require bluestarsystem/aura-ui

Usage

<x-aura::password-input name="password" label="Password" />

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

Overview

<x-aura::password-input> is a password field with a button to show what was typed — the single most requested affordance on any sign-in form, and the one most often built badly.

Props

Prop Type Default Description
label string|null null Field label.
revealable bool true Show the reveal toggle.
hint string|null null Help text below the field.
error string|null null Error message; also sets aria-invalid.
size string 'md' sm, md, lg.

See more examples and every variant in the Password Input 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.