Section Tabs


Allows navigation between content within a single section on in-page.


320 Section Tabs
680 Section Tabs
1280 Section Tabs

Live Examples

Profile Page (see Activity section), Your Account page


A navigation component used to navigate between related content in a section, for instance the different possible account settings, or the user info around following/followers on a profile page.


`.m-section-tabs` - Outer container
`.m-section-tabs__items` - Used on the `ul` to remove default styles
`.m-section-tabs__item` - Class for each link item
`.m-section-tabs__item-link` - Sets the link colour pink

`.m-section-tabs__item-label-title` - Sets the selected item as blue (must be nested in `.is-selected` class on parent `li`)



This removes the margin-bottom to pull content closer.


The adds a top margin as well as bottom margin to space evenly.

Added by: