FilterButton

A button that when clicked, opens a drawer containing the Filter view. Current filters are displayed in the button text.

Import
import FilterButton from 'react-storefront/FilterButton'

Props

NameTypeDefaultDescription
modelobject

An instance of SearchResultModelBase

classesobject

CSS classes

drawerPropsobject{}

Props for the underlying Filter component

titlestring'Filter'

The label for the button and the drawer header. Defaults to "Filter".

hideClearLinkboolfalse

Set to true to hide the clear link that is shown by default when one or more filters is selected. Defaults to false.

clearLinkTextstring"clear all"

Text for the clear link. Defaults to "clear all".

CSS API

You can override all the class names injected by Moov-PWA thanks to the classes property. This property accepts the following keys:

  • clear
  • drawer