Install the component dependency:

Include a React component in your project:

Tab.ListItem PropTypes

Name
Value
Description
Default
active
boolean
styled active (automatically set)
href
string
url of resource (renders as anchor)
id
Required
string|number
id tying list item to panel
onClick
Event => ()
callback when list item clicked

Tab.Panel PropTypes

labelledBy
Required
string|number
id tying panel to list item

Tabs are a navigational element used to show and pivot between related subsections of an interface.

Panels are wrappers that provide an accessibility link between the Tab.ListItem and your content. Ensure your ids match to make the link.

The Tab component provides the look and feel and accessibility standards for the UI. You control the hiding and showing of content or other interaction specific to your application.

Menu stuff 3