FORM

Password

Password combines secure entry, an Icon-based eye reveal action, deterministic strength feedback, floating labels, and string Signal binding. The control renders no visible Show or Hide text, and its sm, md, and lg sizes scale both control height and secure-entry text on every target.

PLAYGROUND

Create a resilient account password

Type a password to exercise reveal behavior and the six-point strength model across length, letter case, digits, and symbols.

Account passwordUse at least 12 characters with uppercase, lowercase, a number, and a symbol.
dowe
signal accountPassword value:""

Password bind:accountPassword label:"Account password" placeholder:"Create a secure password" labelFloating:true hideStrength:false weakLabel:"Needs work" mediumLabel:"Almost there" strongLabel:"Ready to use" helpText:"Use at least 12 characters with uppercase, lowercase, a number, and a symbol." size:"lg" name:"account-password"

WORKFLOWS

Show strength only when it helps

Registration benefits from guidance. Sign-in usually needs a quieter surface with the same reveal affordance.

New workspace passwordStrength feedback updates as the value changes.
Current passwordReveal remains available without the creation-oriented meter.
dowe
Password value:"Dowe#Launch2026" label:"New workspace password" labelFloating:true hideStrength:false variant:"soft" scheme:"success"

Password label:"Current password" placeholder:"Enter password" labelFloating:true hideStrength:true variant:"line" scheme:"secondary"

STATES AND DENSITY

Make security feedback actionable

Use errorText for a failed requirement, readonly for visible stored values, and disabled for unavailable identity flows.

Recovery passwordUse at least 12 characters before continuing.
Managed passwordThis value is managed by your identity provider.

The base heights are 32, 40, and 48; labelFloating adds 8 logical units without moving the reveal control.

Small
Medium
Large

BEHAVIOR

Predictable strength and reveal behavior

The generated control owns visibility toggling and calculates strength locally from the same shared rules on every target.

On web, saved password values keep the field's inherited color and transparent background instead of activating browser autofill styling.

SCORE

Six deterministic checks

Length thresholds, lowercase, uppercase, digits, and symbols produce weak, medium, or strong.

VISIBILITY

Generated reveal control

The reveal action changes presentation without changing the bound password string.

TARGETS

Portable secure entry

Web, SwiftUI, and Compose preserve labels, feedback, visibility, strength, and read-only state. The floating label stays aligned with password text instead of the trailing reveal action.

API

Props

Password also accepts the applicable common spacing, sizing, visibility, accessibility, and shadow props.

Prop
Type
Default

No data

There are no records to display