TabsRow

A set of tabs. Tabs are built from an array of model instances provided via the items prop.

Import
import TabsRow from 'react-storefront/TabsRow'

Props

NameTypeDefaultDescription
initialSelectedIdxnumber

Index of tab that should be selected by default

classesobjectOf

Overridable classes object to allow customization of component

itemscustom[]

Array of items that should be rendered

imagePropsobject

Props for displayed images. See <Image /> component for details

scrollablebooltrue

Material-UI setting to control horizontal scrolling for tabs

onTabChangefunc

Callback function for tab change

centeredboolfalse

Set to true to center the tabs

tabRendererfunc

A function to override the default rendering of each tab's label. The function is passed the MenuItem model corresponding to the item to be rendered.

CSS API

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

  • indicator
  • noSelection
  • root
  • tab
  • selectedTab
  • scroller
  • link
  • centered