Component description

Renders a password input form control element typically used for password-reset | registration flows. The components wraps an inner <warema-input-singleline type="password"> element and renders a warn text under the input while CAPSLOCK is active. It also has the posibility to list the password rules under the password input.

Properties

Property	Attribute	Description	Type	Default
autoComplete	autocomplete	The auto-complete property of the input field. This tells the browser, what he should suggest for this input.	`string?`
capsLockHint	caps-lock-hint	Text to be rendered as a hint when the keyboard CAPSLOCK is active	`string`
disabled	disabled	`true` if the password input should be disabled	`boolean?`	false
errorLinkHref	error-link-href	Href for optional hyperlink rendered within the error text. Works together with `errorLinkLabel` and optional `errorLinkTarget`.	`string?`	''
errorLinkLabel	error-link-label	Hyperlink text for optional link rendered within the error text. Works together with `errorLinkHref` and optional `errorLinkTarget`.	`string`	this.errorLinkHref
errorLinkTarget	error-link-target	Target for optional hyperlink rendered within the error text. Works together with `errorLinkLabel` and `errorLinkHref`.	`"_blank"	"_parent"
errorText	error-text	The error text shown below the input field.	`string?`	''
hasInformation	has-information	`true` if the input field has information validation state. This should always be used in combination with an error-text When both `hasInfo` and `warning` are true, the `warning` state takes precedence.	`boolean?`	false
hint	hint	The hint text shown below the input field.	`string`
invalid	invalid	`true` if the input field has error validation state. This should always be used in combination with an error-text	`boolean?`	false
label	label	The label of the password input	`string`
name	name	The name of the password input	`string`
required	required	`true` if the input field is required	`boolean?`	false
size	size	`small` or `large` (default: `large`)	`"large"	"small"`
value	value	The value of the input	`string`	''
warning	warning	`true` if the input field has warning validation state. This should always be used in combination with an error-text When multiple validation states are set to true (`invalid`, `warning`, `hasInfo`), the `invalid` state takes precedence.	`boolean?`	false

Events

Event	Bubbles	Cancelable	Composed	Docs	Detail	DocsTags
change	true	true	true	Emitted after the input is changed when the focus is lost	any
input	true	true	true	Emitted as soon as the input is changed	any

Slots

Slot	Description
default	A list of <warema-password-policy-rule> to display below the password-input

Dependencies

Depends on

warema-input-singleline