Password Revealer

‹ Back

Use data-password-reveal on your input field to add a reveal button. This will toggle the input type between text and password.

<div class="control-group password required test_form_password_revealer form--medium"><div class="control-group--label"><label class="password required control-label" for="test_form_password_revealer"><abbr title="required">*</abbr> Password revealer</label></div><div class="controls"><input data-password-reveal="" class="password required" required="required" aria-required="true" type="password" name="test_form[password_revealer]" id="test_form_password_revealer" /></div></div>
<%= f.input :password_revealer, wrapper_html: { class: "form--medium" }, input_html: { data: { password_reveal: "" } } %>