Scoped Tabs

scoped-tabs

.slds-tabs_scoped — A tab keeps related content in a single container that is shown and hidden through navigation.

base

.slds-tabs_scoped — Initializes scoped tabs

base › Size - Medium

base › Size - Large

base › Overflowing Items

.slds-tabs_scoped__nav

.slds-tabs_scoped__nav — Creates the container for the default tabs

.slds-tabs_scoped__item

.slds-tabs_scoped__item — Styles each list item as a single tab

.slds-tabs_scoped__link

.slds-tabs_scoped__link — Styles each actionable element inside each tab item

.slds-tabs_scoped__overflow-button

.slds-tabs_scoped__overflow-button — List item containing the overflow button menu

active

.slds-is-active — Active state for a tab item

.slds-tabs_scoped__content

.slds-tabs_scoped__content — Styles each tab content wrapper

medium

.slds-tabs_medium — Medium sized tabs

large

.slds-tabs_large — Large sized tabs