@api-components/paper-masked-input

Material design password field

Usage no npm install needed!

<script type="module">
  import apiComponentsPaperMaskedInput from 'https://cdn.skypack.dev/@api-components/paper-masked-input';
</script>

README

Build Status

paper-masked-input

Material design: Text fields

<paper-masked-input> is a single-line password field with Material Design styling and option to unmask the value.

It may include an optional error message.

The password input will rener two additional icon buttons: clear and visibility toggle. When the user toggle visibility it will change to regular text field and back.

Focus

To focus a paper-masked-input, you can call the native focus() method as long as the paper input has a tab index.

Styling

See Polymer.PaperInputContainer for a list of custom properties used to style this element.