Search input

Sistema provides a search input field displaying a text input and a button allowing changing the search mode.

nsi-search-input is extending NativeTextFieldDirective meaning it's working well with both Angular FormModule and ReactiveFormModule .

Search
Selected mode: {{ mode }}

Inherited from PaFormControlDirective

Inherited from NativeTextFieldDirective

nsi-search-input is extending NativeTextFieldDirective but some of the Inputs inherited from it doesn't make sense in the context of a password field. Here's the list of Inputs which have an effect on nsi-password-input :

Inputs

errorMessages
Provides default messages to display for the possible error keys when none is present in the errors object. If a message (string) is provided for a given key, it will be displayed rather than the message provided in errorMessages.
hasFocus
triggers the focus on the input field (optional)
help
A hint to display, helping the user when filling a form field (optional)
placeholder
Field's placeholder (optional)
showAllErrors
Display all errors or only the first error encountered (errors being sorted by key) (default: true)

Outputs

keyUp
Emits string value on key up event
enter
Emits KeyboardEvent and string value when pressing enter
focusing
Emits FocusEvent on focus
blurring
Emits current value on blur

Password input is working well with both Angular FormModule and ReactiveFormModule.

ngModel example:

{{ngModelCode}}

FormControl example:

{{formControlCode}}

FormGroup example:

{{formGroupCode}}