Dowe

FORM

PasswordField

PasswordField combines secure entry, reveal controls, deterministic strength feedback, floating labels, and string Signal binding.

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.

signal accountPassword value:""

PasswordField 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." variant:"outlined" scheme:"primary" 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.

PasswordField value:"Dowe#Launch2026" label:"New workspace password" labelFloating:true hideStrength:false variant:"soft" scheme:"success" size:"md"

PasswordField label:"Current password" placeholder:"Enter password" labelFloating:true hideStrength:true variant:"line" scheme:"secondary" size:"md"

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.

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.

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.

API

Props

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

Prop	Type	Default
No data There are no records to display

No data