RPF Design System for Rails
x
1
2
3
4
5
<form action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nZxkhf6kwqB6Bi11-IQcXOonN739Z26BwYsq7q-T-dc7cvLHWqleq0SvmzBM77x3GjHD3NuiYzsjMJ3-UZOjsw" />
  <div class="rpf-input-field"><label for="password" class="rpf-label">What is your password?<small class="rpf-label__hint">Please enter your password</small></label>
    <div class="rpf-input-password__container " data-controller="design-system--form--password-input-component"><input id="password" name="password" class="rpf-input rpf-input-password" autocomplete="current-password" type="password" data-design-system--form--password-input-component-target="input"><button aria-label="Password" data-design-system--form--password-input-component-target="toggle" data-action="click->design-system--form--password-input-component#toggleVisibility:prevent" data-show-text="Show" data-hide-text="Hide" class="rpf-button rpf-input-password__button rpf-button rpf-button--tertiary" type="button">Show</button></div>
    <a href="/" class="rpf-link rpf-link--block">Forgot password?</a></div>
</form>
1
2
3
<%= form_with url: '#', builder: DesignSystem::FormBuilder do |f| %>
  <%= f.rpf_password_input :password, label:, hint:, link_text:, link_href:, show_text:, hide_text:, type:, modifiers:, **attrs %>
<% end %>

No notes provided.

Param Description Input

—

—

—

—

—