Overview
Tabs are UI controls used to organise the content of a page into multiple panes where users can see one pane at a time. Tab content is always related and lies in the same hierarchy.
There are 2 types of tabs in our Design System Default tabs and Section tabs.
Megatron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed interdum ligula, vitae interdum sapien. Curabitur sit amet eros nec neque facilisis semper. Aliquam sed interdum urna. Etiam cursus ex ut rhoncus semper. Morbi vitae lacinia nulla. Duis mattis mattis dui, sed ullamcorper nulla tincidunt a.
Unicron
In vehicula varius laoreet. Nullam vestibulum tempus quam. Nulla at nisi tellus. Curabitur ac luctus risus. Donec pharetra sapien leo, vel vestibulum massa vehicula vitae.
Curabitur vitae ullamcorper nulla, et consectetur tellus. Pellentesque auctor ante quis iaculis aliquam. Vivamus sit amet tincidunt nibh. Praesent fringilla sapien mattis risus dignissim tempus.
Galvatron
Etiam efficitur mauris vel orci condimentum, ut facilisis lectus gravida. Etiam nec nunc diam. Suspendisse mattis laoreet lectus, vitae ornare turpis pellentesque sit amet. Morbi risus neque, tristique condimentum est vitae, pharetra convallis ex. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Cyclonus
In vehicula varius laoreet. Nullam vestibulum tempus quam. Nulla at nisi tellus. Curabitur ac luctus risus. Donec pharetra sapien leo, vel vestibulum massa vehicula vitae. Pellentesque in dui est. Quisque sed urna in risus euismod imperdiet eu eget dui. Fusce interdum urna ut vestibulum sagittis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed interdum ligula, vitae interdum sapien. Curabitur sit amet eros nec neque facilisis semper. Aliquam sed interdum urna. Etiam cursus ex ut rhoncus semper. Morbi vitae lacinia nulla. Duis mattis mattis dui, sed ullamcorper nulla tincidunt a. Quisque congue orci non tincidunt lobortis. Proin volutpat suscipit lobortis. Donec ut interdum diam. Pellentesque enim augue, auctor id feugiat ac, iaculis nec risus. Proin elementum lectus nec posuere vulputate. Praesent posuere, leo at porttitor dictum, elit enim venenatis elit, eget pretium quam enim a leo. Nam consectetur, nibh in tempor aliquet, diam nibh rutrum nulla, non aliquam sem ante id tortor.
Curabitur vitae ullamcorper nulla, et consectetur tellus. Pellentesque auctor ante quis iaculis aliquam. Vivamus sit amet tincidunt nibh. Praesent fringilla sapien mattis risus dignissim tempus. Etiam sed urna sit amet turpis dignissim hendrerit. Duis sed turpis dolor. Pellentesque felis ante, facilisis non ex tincidunt, malesuada ultricies orci.
Megatron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed interdum ligula, vitae interdum sapien. Curabitur sit amet eros nec neque facilisis semper. Aliquam sed interdum urna. Etiam cursus ex ut rhoncus semper. Morbi vitae lacinia nulla. Duis mattis mattis dui, sed ullamcorper nulla tincidunt a.
Unicron
In vehicula varius laoreet. Nullam vestibulum tempus quam. Nulla at nisi tellus. Curabitur ac luctus risus. Donec pharetra sapien leo, vel vestibulum massa vehicula vitae.
Curabitur vitae ullamcorper nulla, et consectetur tellus. Pellentesque auctor ante quis iaculis aliquam. Vivamus sit amet tincidunt nibh. Praesent fringilla sapien mattis risus dignissim tempus.
Galvatron
Etiam efficitur mauris vel orci condimentum, ut facilisis lectus gravida. Etiam nec nunc diam. Suspendisse mattis laoreet lectus, vitae ornare turpis pellentesque sit amet. Morbi risus neque, tristique condimentum est vitae, pharetra convallis ex. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Cyclonus
In vehicula varius laoreet. Nullam vestibulum tempus quam. Nulla at nisi tellus. Curabitur ac luctus risus. Donec pharetra sapien leo, vel vestibulum massa vehicula vitae. Pellentesque in dui est. Quisque sed urna in risus euismod imperdiet eu eget dui. Fusce interdum urna ut vestibulum sagittis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed interdum ligula, vitae interdum sapien. Curabitur sit amet eros nec neque facilisis semper. Aliquam sed interdum urna. Etiam cursus ex ut rhoncus semper. Morbi vitae lacinia nulla. Duis mattis mattis dui, sed ullamcorper nulla tincidunt a. Quisque congue orci non tincidunt lobortis. Proin volutpat suscipit lobortis. Donec ut interdum diam. Pellentesque enim augue, auctor id feugiat ac, iaculis nec risus. Proin elementum lectus nec posuere vulputate. Praesent posuere, leo at porttitor dictum, elit enim venenatis elit, eget pretium quam enim a leo. Nam consectetur, nibh in tempor aliquet, diam nibh rutrum nulla, non aliquam sem ante id tortor.
Curabitur vitae ullamcorper nulla, et consectetur tellus. Pellentesque auctor ante quis iaculis aliquam. Vivamus sit amet tincidunt nibh. Praesent fringilla sapien mattis risus dignissim tempus. Etiam sed urna sit amet turpis dignissim hendrerit. Duis sed turpis dolor. Pellentesque felis ante, facilisis non ex tincidunt, malesuada ultricies orci.
Megatron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed interdum ligula, vitae interdum sapien. Curabitur sit amet eros nec neque facilisis semper. Aliquam sed interdum urna. Etiam cursus ex ut rhoncus semper. Morbi vitae lacinia nulla. Duis mattis mattis dui, sed ullamcorper nulla tincidunt a.
Unicron
In vehicula varius laoreet. Nullam vestibulum tempus quam. Nulla at nisi tellus. Curabitur ac luctus risus. Donec pharetra sapien leo, vel vestibulum massa vehicula vitae.
Curabitur vitae ullamcorper nulla, et consectetur tellus. Pellentesque auctor ante quis iaculis aliquam. Vivamus sit amet tincidunt nibh. Praesent fringilla sapien mattis risus dignissim tempus.
Galvatron
Etiam efficitur mauris vel orci condimentum, ut facilisis lectus gravida. Etiam nec nunc diam. Suspendisse mattis laoreet lectus, vitae ornare turpis pellentesque sit amet. Morbi risus neque, tristique condimentum est vitae, pharetra convallis ex. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Cyclonus
In vehicula varius laoreet. Nullam vestibulum tempus quam. Nulla at nisi tellus. Curabitur ac luctus risus. Donec pharetra sapien leo, vel vestibulum massa vehicula vitae. Pellentesque in dui est. Quisque sed urna in risus euismod imperdiet eu eget dui. Fusce interdum urna ut vestibulum sagittis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed interdum ligula, vitae interdum sapien. Curabitur sit amet eros nec neque facilisis semper. Aliquam sed interdum urna. Etiam cursus ex ut rhoncus semper. Morbi vitae lacinia nulla. Duis mattis mattis dui, sed ullamcorper nulla tincidunt a. Quisque congue orci non tincidunt lobortis. Proin volutpat suscipit lobortis. Donec ut interdum diam. Pellentesque enim augue, auctor id feugiat ac, iaculis nec risus. Proin elementum lectus nec posuere vulputate. Praesent posuere, leo at porttitor dictum, elit enim venenatis elit, eget pretium quam enim a leo. Nam consectetur, nibh in tempor aliquet, diam nibh rutrum nulla, non aliquam sem ante id tortor.
Curabitur vitae ullamcorper nulla, et consectetur tellus. Pellentesque auctor ante quis iaculis aliquam. Vivamus sit amet tincidunt nibh. Praesent fringilla sapien mattis risus dignissim tempus. Etiam sed urna sit amet turpis dignissim hendrerit. Duis sed turpis dolor. Pellentesque felis ante, facilisis non ex tincidunt, malesuada ultricies orci.
Megatron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed interdum ligula, vitae interdum sapien. Curabitur sit amet eros nec neque facilisis semper. Aliquam sed interdum urna. Etiam cursus ex ut rhoncus semper. Morbi vitae lacinia nulla. Duis mattis mattis dui, sed ullamcorper nulla tincidunt a.
Unicron
In vehicula varius laoreet. Nullam vestibulum tempus quam. Nulla at nisi tellus. Curabitur ac luctus risus. Donec pharetra sapien leo, vel vestibulum massa vehicula vitae.
Curabitur vitae ullamcorper nulla, et consectetur tellus. Pellentesque auctor ante quis iaculis aliquam. Vivamus sit amet tincidunt nibh. Praesent fringilla sapien mattis risus dignissim tempus.
Galvatron
Etiam efficitur mauris vel orci condimentum, ut facilisis lectus gravida. Etiam nec nunc diam. Suspendisse mattis laoreet lectus, vitae ornare turpis pellentesque sit amet. Morbi risus neque, tristique condimentum est vitae, pharetra convallis ex. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Cyclonus
In vehicula varius laoreet. Nullam vestibulum tempus quam. Nulla at nisi tellus. Curabitur ac luctus risus. Donec pharetra sapien leo, vel vestibulum massa vehicula vitae. Pellentesque in dui est. Quisque sed urna in risus euismod imperdiet eu eget dui. Fusce interdum urna ut vestibulum sagittis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed interdum ligula, vitae interdum sapien. Curabitur sit amet eros nec neque facilisis semper. Aliquam sed interdum urna. Etiam cursus ex ut rhoncus semper. Morbi vitae lacinia nulla. Duis mattis mattis dui, sed ullamcorper nulla tincidunt a. Quisque congue orci non tincidunt lobortis. Proin volutpat suscipit lobortis. Donec ut interdum diam. Pellentesque enim augue, auctor id feugiat ac, iaculis nec risus. Proin elementum lectus nec posuere vulputate. Praesent posuere, leo at porttitor dictum, elit enim venenatis elit, eget pretium quam enim a leo. Nam consectetur, nibh in tempor aliquet, diam nibh rutrum nulla, non aliquam sem ante id tortor.
Curabitur vitae ullamcorper nulla, et consectetur tellus. Pellentesque auctor ante quis iaculis aliquam. Vivamus sit amet tincidunt nibh. Praesent fringilla sapien mattis risus dignissim tempus. Etiam sed urna sit amet turpis dignissim hendrerit. Duis sed turpis dolor. Pellentesque felis ante, facilisis non ex tincidunt, malesuada ultricies orci.
Megatron
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed interdum ligula, vitae interdum sapien. Curabitur sit amet eros nec neque facilisis semper. Aliquam sed interdum urna. Etiam cursus ex ut rhoncus semper. Morbi vitae lacinia nulla. Duis mattis mattis dui, sed ullamcorper nulla tincidunt a.
Unicron
In vehicula varius laoreet. Nullam vestibulum tempus quam. Nulla at nisi tellus. Curabitur ac luctus risus. Donec pharetra sapien leo, vel vestibulum massa vehicula vitae.
Curabitur vitae ullamcorper nulla, et consectetur tellus. Pellentesque auctor ante quis iaculis aliquam. Vivamus sit amet tincidunt nibh. Praesent fringilla sapien mattis risus dignissim tempus.
Galvatron
Etiam efficitur mauris vel orci condimentum, ut facilisis lectus gravida. Etiam nec nunc diam. Suspendisse mattis laoreet lectus, vitae ornare turpis pellentesque sit amet. Morbi risus neque, tristique condimentum est vitae, pharetra convallis ex. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Cyclonus
In vehicula varius laoreet. Nullam vestibulum tempus quam. Nulla at nisi tellus. Curabitur ac luctus risus. Donec pharetra sapien leo, vel vestibulum massa vehicula vitae. Pellentesque in dui est. Quisque sed urna in risus euismod imperdiet eu eget dui. Fusce interdum urna ut vestibulum sagittis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed interdum ligula, vitae interdum sapien. Curabitur sit amet eros nec neque facilisis semper. Aliquam sed interdum urna. Etiam cursus ex ut rhoncus semper. Morbi vitae lacinia nulla. Duis mattis mattis dui, sed ullamcorper nulla tincidunt a. Quisque congue orci non tincidunt lobortis. Proin volutpat suscipit lobortis. Donec ut interdum diam. Pellentesque enim augue, auctor id feugiat ac, iaculis nec risus. Proin elementum lectus nec posuere vulputate. Praesent posuere, leo at porttitor dictum, elit enim venenatis elit, eget pretium quam enim a leo. Nam consectetur, nibh in tempor aliquet, diam nibh rutrum nulla, non aliquam sem ante id tortor.
Curabitur vitae ullamcorper nulla, et consectetur tellus. Pellentesque auctor ante quis iaculis aliquam. Vivamus sit amet tincidunt nibh. Praesent fringilla sapien mattis risus dignissim tempus. Etiam sed urna sit amet turpis dignissim hendrerit. Duis sed turpis dolor. Pellentesque felis ante, facilisis non ex tincidunt, malesuada ultricies orci.