ngx-show-hide-password

ngx-show-hide-password

Add a show hide button to password input fields

Add split input button to password or text input. Toggles input type between "text" and "password".

Requires

• Angular 4 >=4.0.0
• Bootstrap 4 v6

Optional Icons

• fontawesome
• entypo

Installation

$ npm install ngx-show-hide-password --save

Example

// app.module.ts
import { ShowHidePasswordModule } from 'ngx-show-hide-password';
...
@NgModule({
  ...
  imports: [
    BrowserModule,
    FormsModule,
    ShowHidePasswordModule.forRoot(),
    ...
  ],
  ...
})

<show-hide-password size="lg" icon="entypo">
  <input type="password" name=... >
</show-hide-password>

Password hidden	Password exposed

Attributes

• size: sm, lg or nothing
• icon: fontawesome, entypo or empty|nothing (= checkbox)

LICENCE

MIT