Ionic 5 Full Starter App
IonicThemesBuy NOWLive Preview
Search…
What is Ionic 6 Full Starter App?
About this Ionic template
Template versions
Set up the development environment
Running the Ionic app
How to use this template?
Ionic Capacitor
Ionic Code Structure
Ionic Data Integration
Theming
Ionic Progressive Web App
Ionic Navigation
Ionic Server Side Rendering (SSR)
Ionic Splash Screens and Icons
App Shell
Ionic Custom Components
Checkbox Wrapper
Countdown timer
Ionic Show/Hide Password
Ionic Walkthrough (or tutorial)
Categories
Ionic Firebase Integration
Google Maps & Geolocation
Ionic Video Playlist
Ionic Multi Language
Getting Started
Ionic Authentication
Ionic Side Menu
Ionic Profile
Contact Card
Social Sharing
Ionic Notifications
Forms and Validations
Filters
FAQs
Common Errors and Solutions
Glossary
Upcoming features
Changelog
Reviews / Testimonials ⭐️⭐️⭐️⭐️⭐️
Powered By GitBook
Ionic Show/Hide Password
Use this Custom component to display or hide a password input

Ionic Show / Hide password component

You can find this component in src/app/components/show-hide-password
By wrapping an <ion-input> element with this component, you can enhance the UX and add a show/hide password functionality.
1
<app-show-hide-password>
2
<ion-input type="password" placeholder="Try setting a password" value="It's a secret!"></ion-input>
3
</app-show-hide-password>
Copied!
I wrote a specific post explaining how to use this component in any Ionic Angular app.
ionic angular show hide password
See the live Showcase to learn how to use and customize this component.
Previous
Countdown timer
Next
Ionic Walkthrough (or tutorial)
Last modified 1mo ago
Copy link