HideShowPasswordTextField

KO | EN

gitlite — search

#ai #typescript #go #machine-learning #rust #deep-learning #docker #nodejs #macos #java #cli #kubernetes #mcp #ios

HideShowPasswordTextField

(★ 140)

An easy to use `UITextField` subclass that adds a visibility toggle and an optional validation checkmark

File Explorer

Download Latest Version (.zip)

- HideShowPasswordTextField.swift
- ic_eye_closed.png
- ic_eye_closed@2x.png
- ic_eye_closed@3x.png
- ic_eye_open.png
- ic_eye_open@2x.png
- ic_eye_open@3x.png
- ic_password_checkmark.png
- ic_password_checkmark@2x.png
- ic_password_checkmark@3x.png
- PasswordToggleVisibilityView.swift
.gitignore
HideShowPasswordTextField.podspec
LICENSE
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# HideShowPasswordTextField
An easy to use `UITextField` subclass that adds a visibility toggle and an optional validation checkmark

Created by [@lookatpete](https://twitter.com/lookatpete) (product), [@pklada](https://twitter.com/pklada) (design), and [@miketsprague](https://twitter.com/miketsprague) (code)

![gif](https://s3.amazonaws.com/f.cl.ly/items/1E3Y19383s3J3g0b2Y0M/password_gif.gif?v=fc97ac97)

## Installation
### Cocoapods
`pod 'HideShowPasswordTextField', :git => 'https://github.com/Guidebook/HideShowPasswordTextField'`

### Manual
Just add the files in `HideShowPasswordTextField/` to your project.

## Usage
* Create a `UITextField` in your xib, and change the class name to `HideShowPasswordTextField`.  Or, create it programatically.
* Set `secureTextEntry` to `true`, if you want the password to hide by default.
* [Recommended] Change the border style to None, and add a height constraint of 44 or larger.  The assets in this project are optimized for 44px, although larger is fine too.  Smaller sizes might have clipping issues on the icons.
* ~Implement `UITextFieldDelegate` and forward `textField shouldChangeCharactersInRange` and `textFieldDidEndEditing` to your password text field (see the example).  We have to do this to get the behavior to work right--apple's API doesn't play very nice switching between `secureTextEntry` states.~
  * This step is no longer necessary.
* [Optional] Implement `HideShowPasswordTextFieldDelegate` to show the validation checkbox.
* Customize the textField to your liking (the tint too!)!

HideShowPasswordTextField

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

HideShowPasswordTextField

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README