Ionic 6 Full Starter App
IonicThemesBuy NOWLive Preview
  • 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
    • Image Shell
    • Text Shell
    • Aspect Ratio
  • Ionic Custom Components
    • Checkbox Wrapper
    • Countdown timer
    • Ionic Show/Hide Password
  • Ionic Walkthrough (or tutorial)
  • Categories
  • Ionic Firebase Integration
    • Firebase Authentication
    • Firebase CRUD
    • Firebase Hosting
    • Push Notifications
  • 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
On this page

Was this helpful?

  1. Ionic Custom Components

Ionic Show/Hide Password

Use this Custom component to display or hide a password input

PreviousCountdown timerNextIonic Walkthrough (or tutorial)

Last updated 3 years ago

Was this helpful?

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.

<app-show-hide-password>
  <ion-input type="password" placeholder="Try setting a password" value="It's a secret!"></ion-input>
</app-show-hide-password>

I wrote a explaining how to use this component in any Ionic Angular app.

See the to learn how to use and customize this component.

live Showcase
specific post
ionic angular show hide password