Contents

<%=
  pb_rails("filter", props: {
    min_width: "375px",
    id: "25",
    position: "top",
    filters: [
      { name: "name", value: "John Wick" },
      { name: "city", value: "San Francisco"}
    ],
    sort_menu: [
      { item: "Popularity", link: "?q[sorts]=managers_popularity+asc", active: true, direction: "desc" },
      { item: "Mananger's Title", link: "?q[sorts]=managers_title+asc", active: false },
      { item: "Manager's Name", link: "?q[sorts]=managers_name+asc", active: false },
    ],
    template: "default",
    results: 1,
  }) do
%>
  <%
   example_collection = [
      OpenStruct.new(name: "USA", value: 1),
      OpenStruct.new(name: "Canada", value: 2),
      OpenStruct.new(name: "Brazil", value: 3),
      OpenStruct.new(name: "Philippines", value: 4),
      OpenStruct.new(name: "A galaxy far far away, like really far away...", value: 5)
    ]
  %>
  <%= pb_rails("form", props: { form_system_options: { scope: :example, method: :get } }) do |form| %>
    <%= form.text_field :example_text_field, props: { label: true } %>
    <%= form.collection_select :example_collection_select, example_collection, :value, :name, props: { label: true } %>

    <%= form.actions do |action| %>
      <%= action.submit props: { text: "Apply", data: { disable_with: "<i class='far fa-spinner fa-spin mr-3'></i>Searching...".html_safe },}%>
      <%= action.button props: { type: "reset", text: "Clear", variant: "secondary" } %>
    <% end %>
  <% end %>
<% end %>

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
playbook_ui-11.9.0	app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb
playbook_ui-11.9.0.pre.alpha.fileupload1	app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb
playbook_ui-11.8.1	app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb
playbook_ui-11.8.0	app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb