Header

A header that auto hides when the user scrolls down and auto shows when the user scrolls up. A hamburger button that controls the menu is automatically displayed on the left side of the header. Children are placed directly to the right of the menu button.

Import
import AppBar from 'react-storefront/AppBar'

Props

NameTypeDefaultDescription
classesobject

CSS classes

responsiveboolfalse

Set to true to show the hamburger button only on mobile devices. Defaults to false.

MenuIconfuncMenuIcon

A component for the menu icon.