Tabs

Show/hide content within a tab. Each tab can hold other components and looks best with simple text inside. See also: Accordion.

Default

Tab 1
Tab 2

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. In bibendum velit sit amet mauris accumsan, at consequat nulla facilisis. Nullam maximus porttitor odio, vitae malesuada augue fermentum ac. Donec efficitur, erat quis ultrices semper, ex orci mattis erat, ornare dapibus sapien eros non diam.

Duis eget eleifend ex

Vitae posuere libero. Suspendisse mollis, dui in dapibus suscipit, tellus elit ornare mauris, ac suscipit nulla turpis blandit quam. Mauris viverra malesuada ligula, a mattis purus semper quis.

Vertical

Tab 1
Tab 2

Lorem ipsum dolor sit amet

Duis eget eleifend ex

Vitae posuere libero. Suspendisse mollis, dui in dapibus suscipit, tellus elit ornare mauris, ac suscipit nulla turpis blandit quam. Mauris viverra malesuada ligula, a mattis purus semper quis.

Tabs To Accordion in Mobile

Tab 1
Tab 2

Lorem ipsum dolor sit amet

Duis eget eleifend ex

Vitae posuere libero. Suspendisse mollis, dui in dapibus suscipit, tellus elit ornare mauris, ac suscipit nulla turpis blandit quam. Mauris viverra malesuada ligula, a mattis purus semper quis.