Tabs

Tabs on desktop, accordion on mobile

Tabs on desktop, accordion on mobile
  1. How do I convert tabs to accordion in mobile view?
  2. What are accordion tabs?

How do I convert tabs to accordion in mobile view?

Tabs on the side. This example brings the tabs at the left side by simply adding an extra class "tabs-side" at the ". tabbed-content" container. Just resize your screen below 800 pixels to see the tabbed interface transforming into an accordion.

What are accordion tabs?

Tabs are similar to Accordions in that they contain information that can be expanded and collapsed. Whereas Accordions are stacked vertically, Tabs are stacked horizontally. Both are organized as a Group and divided into Sections. Each Section makes up the "collapsible" or "expandable" content.

What data visualizations are there for showing n-n relationships / mappings between data input and output names?
Which visualization type measures the relation between multiple variables and shows the strength of relation with colors?Which visualization can be u...
Show Related Items
What is a related product display?What are the related products? What is a related product display?Related products are products that connect to the...
Question about Pop-up message design
What is a pop-up question?What is the use of pop-up message? What is a pop-up question?Pop-up questions are review questions that occur every couple...