open-vault/ui/stories/masked-input.md
Matthew Irish 8152e0a74c
UI - masked input onchange (#6586)
* update masked-input to work with form-field component

* add test for masked input onChange functionality

* fix doc changes
2019-04-15 17:53:44 -05:00

1.4 KiB

MaskedInput

MaskedInput components are textarea inputs where the input is hidden. They are used to enter sensitive information like passwords.

Param Type Default Description
[value] String The value to display in the input.
[placeholder] String value The placeholder to display before the user has entered any input.
[allowCopy] bool Whether or not the input should render with a copy button.
[displayOnly] bool false Whether or not to display the value as a display only pre element or as an input.
[onChange] function | action Function.prototype A function to call when the value of the input changes.

Example

 <MaskedInput
  @value={{attr.options.defaultValue}}
  @placeholder="secret"
  @allowCopy={{true}}
  @onChange={{action "someAction"}}
 />

See