Skip to main
Digital experience guide

Tab container

When should I use the tab container block?

  • This block can be used to condense large sections of text content so that it can be displayed on a single page.
  • This block should only be used when there is a significant quantity of text that is related in content (belongs on the same page) but needs to be arranged for clearer comprehension and to keep the overall page size from becoming overwhelming.
  • No more than three tabs should be used in the block at a time. 

What makes up the tab container block?

Each block can be made up of the following:

Item Requirements
Tabs Two or three
Tab title

50 characters

Tab content

Unrestricted
Should be between 250-1500 characters

This content block is for tab one of the block example.

This example text is on the inside of a tab block. This text is WYSIWYG, and can be fomatted with bold, italics, links and other stylistic components. 

Dummy text has been used below to demonstrate the behavior of the tab block.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis est fringilla, rutrum felis a, rutrum libero. Mauris tempus velit sit amet metus sodales, id ullamcorper justo laoreet.

Fusce semper orci vel tempor accumsan. Duis eleifend nisl eu lectus semper, in sagittis dui tempus. 

Proin vel tincidunt metus. Nam at nunc ac turpis ultrices lobortis tincidunt placerat lectus. Donec massa sem, dignissim sed consequat sed, fringilla ut urna. Fusce tempus arcu eu est feugiat faucibus. Duis tincidunt massa turpis, sit amet venenatis turpis sodales vitae. Nam nec nulla non augue viverra dapibus et nec augue. Aliquam erat volutpat. Mauris nec molestie neque. Suspendisse eget interdum lectus. Phasellus nunc neque, accumsan pulvinar purus ultricies, sodales sodales augue. Quisque sed eros a turpis finibus facilisis id id mi.

Nulla dapibus bibendum ante vel fermentum. Donec a odio velit. Aliquam suscipit orci in risus posuere facilisis. Morbi ac lacinia arcu, non placerat nunc. 

Pellentesque sed mi quis ex sodales auctor ut vel eros. Ut id diam neque. Proin ut sapien pharetra, porta sem sed, interdum enim. Praesent interdum sapien sed urna faucibus, eget egestas diam sagittis. Aenean augue odio, facilisis sed maximus in, condimentum egestas ante. Donec tempus sapien sed turpis malesuada ultricies. Nunc rhoncus ullamcorper tristique.

Aliquam tincidunt leo at quam fringilla pulvinar. Nulla sit amet arcu sed diam tristique tristique. Sed aliquet viverra augue ut volutpat. Nulla gravida, velit eget pellentesque fermentum, justo metus aliquam nunc, id vestibulum libero mauris at felis. Nulla at justo tempus, laoreet dui dignissim, ullamcorper dolor.

Duis eget tempor est, vel egestas nisl. Integer ac dui ligula. In eget purus pharetra, consequat purus at, egestas velit. Nulla sed consequat neque. Suspendisse placerat mi ut urna congue ultricies. Quisque elementum tellus a nisl egestas, eget euismod odio luctus. Donec pulvinar feugiat arcu, a feugiat ligula imperdiet sit amet. Cras ac justo vitae massa malesuada eleifend eu a nibh. Nunc eget libero et risus vestibulum volutpat non vitae libero. Aenean non elit at ex placerat aliquet vitae ac nisi. Suspendisse potenti.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam condimentum rutrum quam. Sed tincidunt, urna at euismod imperdiet, eros tellus pretium magna, et efficitur eros lectus eget diam.

Aliquam laoreet fringilla est ac facilisis. Aliquam in mauris nec erat mattis hendrerit nec quis mauris. Proin ante lectus, elementum in hendrerit vitae, iaculis nec metus. Proin dictum nunc in diam laoreet consequat. Integer blandit est id lectus sodales, facilisis tempor leo eleifend. Donec sed felis id ante commodo feugiat nec vitae purus. Pellentesque lorem nisl, commodo quis lobortis nec, aliquam in turpis. Donec tincidunt mi vitae neque tempor tempus.

Ut id sagittis velit. Quisque tincidunt odio id lorem maximus dictum. Aenean eleifend lobortis mi id mollis. Mauris dignissim faucibus lorem, eget varius ante convallis ac. Duis non gravida ex. Vivamus at fringilla tortor, ut pretium lectus. Aenean imperdiet, odio vel maximus finibus, lorem orci ullamcorper libero, non mollis velit sapien vitae tortor.