With Content :: Rpf Select Input :: RPF Design System for Rails

<form class="new_person" id="new_person" action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vjRJXTs9BO_6yXaAm02-qoldOocJFNpFj2rRQCXLPEeD3wx-IhkTTwzfj-sVP0wzDhkujRIea1QdzAD8TlIXZA" 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>

<%= 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 %>

Param	Description	Input
Disabled	Is the input disabled?
Readonly	Is the input read-only?
Error	Show a validation error

Embed Code

what's this?

<lookbook-embed app="https://design-system-rails-82c287d7db53.herokuapp.com/lookbook/" preview="DesignSystem::FormBuilder::RpfSelectInputComponentPreview" scenario="with_content"></lookbook-embed>

Embed URL

what's this?

https://design-system-rails-82c287d7db53.herokuapp.com/lookbook/embed?props=%7B%22preview%22%3A%22DesignSystem%3A%3AFormBuilder%3A%3ARpfSelectInputComponentPreview%22%2C%22scenario%22%3A%22with_content%22%7D

No matching results.

No matching results.

Select box with content

Embed Code

Embed URL

Documentation

No matching results.

Previews

No matching results.

Select box with content