SearchDrawer

Import
import SearchDrawer from 'react-storefront/SearchDrawer'

Props

NameTypeDefaultDescription
placeholderstring'Search...'

The placeholder text for the input. Defaults to "Search..."

closeButtonTextstring

Set this prop to use a text button instead of an icon for the close button. If set, CloseButtonIcon will be ignored

CloseButtonIconfunc() => <ClearIcon/>

Overrides the default close icon. Takes a React component.

blurBackgroundbooltrue

Set to false to disable background blurring. Defaults to true.

CSS API

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

  • root
  • paper
  • paperAnchorBottom
  • wrap
  • header
  • closeButton
  • closeButtonText
  • searchField
  • searchInput
  • groupCaption
  • group
  • thumbnailGroup
  • thumbnail
  • results
  • loading