Tabs

Tabs allow users to navigate between related sections of content, displaying one section at a time. On small window sizes, the tab labels will wrap.

Configurations

The Tabs component makes use of three render props: tabListProps, tabPanelProps, and tabProps.

tabListProps

It requires a label, and optionally accepts any further props that could be added to a regular <div> element.

tabPanelProps

It requires a tabId, and optionally accepts any further props that could be added to a regular <section> element.

tabProps

It requires a tabId, and optionally accepts any further props that could be added to a regular <button> element.