Skip to main content

text-field-password

Combo - Password field​

Use ● [Unicode Character 'BLACK CIRCLE' (U+25CF)] for representing the obscured text.

Create a new component for trailing show/hide toggle button

Swap the trailing placeholder slot to the password-field-show-hide-adornment that we've just created.

how to design text field with password type

💡 Tip - when you use sequence of ●●●● in your design, Grida will automatically match the design to be a text field with type=password