Tabs are ideal for organizing documents or information by categories to avoid a page getting too long. If you create too many tabs, it will add a scrollbar, so that you can slide to view all the tabs. In these instances, it make a new tabs component beneath the first one.
For Landing Pages: Tabs are more commonly used on detail pages, but if you do use one on a landing page, you'll need to use padding.
For Detail Pages: Tabs are best used to organize a long list of documents or information by category.
Lorem #1 ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula tristique finibus. Integer congue mollis massa sed elementum. Suspendisse sit amet est at sapien posuere pellentesque nec sed nunc. Aenean lobortis consectetur odio quis imperdiet. Aliquam condimentum dolor tellus, laoreet condimentum nibh tristique at. Integer placerat massa varius tortor auctor, a venenatis mi condimentum. Sed in purus vitae velit sollicitudin consectetur non quis ante. Donec accumsan tempor ultrices. Etiam viverra consequat rhoncus. Morbi vel libero commodo, ultricies felis id, mattis ligula. Curabitur porta, tellus ac rutrum auctor, tortor ligula semper velit, a ultrices leo odio sed libero. Pellentesque semper risus arcu, sit amet vulputate eros posuere eget. Sed id imperdiet urna. Nulla facilisi. Pellentesque sem tellus, sagittis vitae neque in, malesuada facilisis dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Lorem #2 ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula tristique finibus. Integer congue mollis massa sed elementum. Suspendisse sit amet est at sapien posuere pellentesque nec sed nunc. Aenean lobortis consectetur odio quis imperdiet. Aliquam condimentum dolor tellus, laoreet condimentum nibh tristique at. Integer placerat massa varius tortor auctor, a venenatis mi condimentum. Sed in purus vitae velit sollicitudin consectetur non quis ante. Donec accumsan tempor ultrices. Etiam viverra consequat rhoncus. Morbi vel libero commodo, ultricies felis id, mattis ligula. Curabitur porta, tellus ac rutrum auctor, tortor ligula semper velit, a ultrices leo odio sed libero. Pellentesque semper risus arcu, sit amet vulputate eros posuere eget. Sed id imperdiet urna. Nulla facilisi. Pellentesque sem tellus, sagittis vitae neque in, malesuada facilisis dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Lorem #3 ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula tristique finibus. Integer congue mollis massa sed elementum. Suspendisse sit amet est at sapien posuere pellentesque nec sed nunc. Aenean lobortis consectetur odio quis imperdiet. Aliquam condimentum dolor tellus, laoreet condimentum nibh tristique at. Integer placerat massa varius tortor auctor, a venenatis mi condimentum. Sed in purus vitae velit sollicitudin consectetur non quis ante. Donec accumsan tempor ultrices. Etiam viverra consequat rhoncus. Morbi vel libero commodo, ultricies felis id, mattis ligula. Curabitur porta, tellus ac rutrum auctor, tortor ligula semper velit, a ultrices leo odio sed libero. Pellentesque semper risus arcu, sit amet vulputate eros posuere eget. Sed id imperdiet urna. Nulla facilisi. Pellentesque sem tellus, sagittis vitae neque in, malesuada facilisis dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus.
You have been selected to participate in a brief survey to help us improve our site.
By selecting YES, an additional window will open to allow you to take the survey at the conclusion of your visit. Please do not close it if you would like to participate.
