<TabbedAccordion> Component

A <Tabs> component with an <Accordion> inside each tab.

Share
Code Editor

Where it's used

0.x.x
Loading 0.x.x releases...
1.x.x
Loading 1.x.x releases...
2.x.x
Loading 2.x.x releases...
3.x.x
Loading 3.x.x releases...
4.x.x
Loading 4.x.x releases...
5.x.x
Loading 5.x.x releases...

Props

NameDescription
heading
string
headline above the accordion
className
string
Optional className to add to the root element
tabs
array
information about each of the accordion's top level tabs
Array members must be of the type below:
tabs[x]
object
Object contains nested props, see below:
tabs[x].heading
string
heading of the tab
tabs[x].items
object
information about each accordion item within the tab
Object contains nested props, see below:
tabs[x].items.heading
string
heading of the accordion item
tabs[x].items.content
string
content of the accordion item

Examples

With product theme accents:

Share
Code Editor