Input (password)

Click to copy

Input field for password


Look and Feel Settings:

Label (not mandatory) - label for input.

Placeholder (not mandatory) - placeholder for input.

Name (mandatory) - name of the input.

Tooltip (not mandatory) - hint for input.

Required (mandatory) - makes the field mandatory. Disabled by default.

Allow clear (mandatory) - icon to clear the input. Disabled by default.

Validate icon (mandatory) - validate icon for input. Disabled by default.

Disabled (mandatory) - makes the component disabled if turned on. Is turned off by default.

Visible (mandatory) - makes the component visible if turned on. Enabled by default.


Workflow triggers:

  • onCreate – fires when the element is created on the page; 
  • onShow – fires when the component changes its state to visible (displayed on the page); 
  • onHide – fires when the component changes its state to hidden (stops being displayed); 
  • onDestroy – fires before the component is destroyed;
  • onChange - fires when the value is changed;
  • onFocus - fires when component is being focused;
  • onBlur - fires when component is blurred.

Component Actions:

InputPassword Get Properties

Gets the component's properties.

Input parameters:

  • Component Id [string]- input component's identifier.

Output parameters:

  • Label [string] - input label;
  • Placeholder [string] - input placeholder;
  • Allow clear [boolean] - state of allow clear;
  • Disable [boolean] - disables component if true;
  • Visible [boolean] - component visibility state;
  • Tooltip [string] - input field hint;
  • Required [boolean] - shows required mark if true;
  • Debounce (ms) [integer] - delay to validate the value; 
  • Value [password] - value from input;
  • Validate Icon [boolean] - icon to be shown on validate the value;
  • Validate Status [Status type] - status to be shown on validate the value; 
  • Validate Message [string] - message to be shown on validate the value.

Input Password Get Properties

InputPassword Set Properties

Sets the component's properties.

Input parameters:

  • Component Id [string] - input component's identifier.
  • Label [string] - input label;
  • Placeholder [string] - input placeholder;
  • Allow clear [boolean] - state of allow clear;
  • Disable [boolean] - disables component if true;
  • Visible [boolean] - component visibility state;
  • Tooltip [string] - input field hint;
  • Required [boolean] - shows required mark if true;
  • Debounce (ms) [integer] - delay to validate the value; 
  • Value [password] - value from input;
  • Validate Icon [boolean] - icon to be shown on validate the value;
  • Validate Status [Status type] - status to be shown on validate the value; 
  • Validate Message [string] - message to be shown on validate the value.

Input Password Set Properties

InputPassword Update Properties

Update the component's properties.

Input parameters:

  • Component Id [string] - input component's identifier.
  • Label [string] - input label;
  • Placeholder [string] - input placeholder;
  • Allow clear [boolean] - state of allow clear;
  • Disable [boolean] - disables component if true;
  • Visible [boolean] - component visibility state;
  • Tooltip [string] - input field hint;
  • Required [boolean] - shows required mark if true;
  • Debounce (ms) [integer] - delay to validate the value; 
  • Value [password] - value from input;
  • Validate Icon [boolean] - icon to be shown on validate the value;
  • Validate Status [Status type] - status to be shown on validate the value; 
  • Validate Message [string] - message to be shown on validate the value.

Input Password Update Properties


Usage example

Input (password) suitable for use in registration and authorization forms