Tabs
In-page tabs
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deserunt nam fugit repellat sunt. Dolores, perferendis. Eaque laudantium nobis necessitatibus. Autem vitae quidem optio nobis consequuntur maxime, deserunt voluptates ipsam dolor!
Amet, dissentiet definitiones vix te, libris quaeque repudiandae mei cu, at duo indoctum instructior delicatissimi. Et sed stet partem, enim altera eam ei. Pro erat zril omittam ea. Eu choro aeterno vix, nonumy aliquip mei ne, cum putant perpetua periculis at.
Cras pretium et elit id bibendum. Duis dapibus condimentum justo, aliquet porta justo vehicula quis. Pellentesque vulputate mattis lacus quis elementum. Vivamus vitae lobortis orci. Praesent interdum et elit non dignissim.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deserunt nam fugit repellat sunt.
Sidebar tabs
Sidebar tabs are another form of navigational tabs for use with the sidebar layout. For practical examples, have a look at the search layout and course layout.
By default, sidebar tabs are designed to scroll the page up to a full-width tabs component (above). If one does not exist on the page, it will scroll to itself. You can set a different scroll target with the data-scroll-target attribute like in the example below.
The sidebar layout should only be used as the main layout , and not in the middle of a page as in the example below.