RPF Design System for Rails
x
1
2
3
4
5
6
7
<form class="new_person" id="new_person" action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y6muhZuROdXaziZmG41imlwU_7cZg45y5Cn7AV1MPI3lQ2S2LBQeS3AFfM-tNhnLZJe6qZ8pHOaEhV9S4c97qA" autocomplete="off" />
  <div class="rpf-input-field"><label for="person_berry" class="rpf-label">Sort by<small class="rpf-label__hint">Please select which berry to sort by</small></label><select id="person_berry" name="person[berry]" class="rpf-input rpf-input-select"><option value="">Please select</option>
      <option>Raspberries</option>
      <option>Gooseberries</option>
      <option>Blueberries</option>
    </select></div>
</form>
1
2
3
4
5
6
7
<%= form_for model, url: '#', builder: DesignSystem::FormBuilder do |f| %>
  <%= f.rpf_select_input :berry, include_blank: "Please select", modifiers:, **attrs do %>
    <option>Raspberries</option>
    <option>Gooseberries</option>
    <option>Blueberries</option>
  <% end %>
<% end %>

Select box with content

This is an example where the select input is given some content as part of the form. This is passed through to the DesignSystem::Form::SelectInputComponent as the options: argument.

This is shown using a model, but it works the same without.

Param Description Input

Is the input disabled?

Is the input read-only?

Show a validation error