Tabs
beta

Feature tabs are larger and can be used when more emphasis is required.

With Bottom Border

Use .nav-tabs-border to include bottom border.

With Icons

Tabs can also use icons above the tab text.

Note that tab icons should be included after tab text in HTML/JSX (and content should be included in reverse order of appearance). This is becuase tab content uses flex-direction: column-reverse to ensure bottom alignment across all tabs regardless of content.

Center

Tabs can be centered by including the class nav-tabs-centered.

Flex

Tabs can flex horizontally to fill the available space by including the class nav-tabs-fill-available-space.