<hx-password-control> v0.20.0+ HelixUI v0.20.0 or later required

The <hx-password-control> block element is a container that provides behavior which augments native browser validation capabilities. It is used to build a Password component.

Permitted Parents
any element that accepts flow content
Permitted Children
in this order:
  1. <input type="password"> element
  2. <label> element
  3. <p class="hxHelpText"> element
  4. <p class="hxErrorText"> element
Events
none

Attributes

Attributes enable declarative configuration of an element, via HTML markup.

hx-changed {Boolean} read-only

Present if descendant <input type="password"> element has emitted a "change" event.

hx-dirty {Boolean} read-only

Present if descendant <input type="password"> element has emitted a "change" or "blur" event.

hx-touched {Boolean} read-only

Present if descendant <input type="password"> element has emitted a "blur" event.

Properties

JavaScript properties enable programmatic access to an element's configuration and state.

controlElement {?HTMLInputElement} read-only

Returns the first <input type="password"> descendant or null if none are found.

isDirty {Boolean [false]} read-only
True if controlElement has emitted a "change" or "blur" event.
wasChanged {Boolean [false]} read-only
True if controlElement has emitted a "change" event.
wasTouched {Boolean [false]} read-only
True if controlElement has emitted a "blur" event.

See Also