Filter panel example

With reset link

Shows a clear link when the filter panel is open, for example if any filters are selected that can be cleared.

How it looks (preview)

42 widgets

Some filters

Clear all

How to call this example

<%= render "components/filter_panel", {
  result_text: "42 widgets",
  button_text: "Clearable filters",
  open: true,
  show_reset_link: true,
  reset_link_href: "http://example.org"
} do %>
  <p class="govuk-body">
  Some filters
</p>
<% end %>