Contents

<%=
  pb_rails("filter", props: {
    min_width: "360px",
    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 far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far 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: {max_width: "sm", 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,205 entries across 1,205 versions & 2 rubygems

Version	Path
playbook_ui-11.11.0.pre.alpha.dialog1	app/pb_kits/playbook/pb_filter/docs/_filter_max_width.html.erb
playbook_ui-11.11.0	app/pb_kits/playbook/pb_filter/docs/_filter_max_width.html.erb
playbook_ui-11.10.0.pre.alpha.pre.bold1	app/pb_kits/playbook/pb_filter/docs/_filter_max_width.html.erb
playbook_ui-11.10.0.pre.alpha.pagination1	app/pb_kits/playbook/pb_filter/docs/_filter_max_width.html.erb
playbook_ui-11.10.0	app/pb_kits/playbook/pb_filter/docs/_filter_max_width.html.erb