Tabs

Use this collection of interface elements to repurpose and help build applications. The purpose is to work as efficiently as possible to allow you to focus on solving challenges. If there is a component you need and isn’t listed, please submit your request to Web. The ticket will be reviewed for design/implementation.

Tabs

More Information:

A tab is hidden by default, and will only become visible when given the class name active or when activated with Javascript. To have a tab visible on page load, add the class active to both the initializing menu and the tab. For more information, see the usage section.

Basic Tab

A progress element can contain a bar visually indicating progress

First
Second
Third

Code Example



First
Second
Third

Code Example



First
Second
Third

Usage & Settings

For information on behaviors that are accessible with Javascript using the syntax: See Usage Information

To view information on settings and callbacks: See Setting Information.