Contents

<%=
  pb_rails("filter", props: {
    min_width: "600px",
    id: "25",
    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: "Alabama", value: 1),
      OpenStruct.new(name: "Alaska", value: 2),
      OpenStruct.new(name: "Arizona", value: 3),
      OpenStruct.new(name: "Arkansas", value: 4),
      OpenStruct.new(name: "California", value: 5),
      OpenStruct.new(name: "Colorado", value: 6),
      OpenStruct.new(name: "Connecticut", value: 7),
      OpenStruct.new(name: "Delaware", value: 8),
      OpenStruct.new(name: "Florida", value: 9),
      OpenStruct.new(name: "Georgia", value: 10),
    ]
  %>
  <%= pb_rails("form", props: { form_system_options: { scope: :example, method: :get, url:"" } }) 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

1 entries across 1 versions & 1 rubygems

Version	Path
playbook_ui-8.1.3	app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb