An accordion expands in place to expose some hidden information allowing the user the flexibility to show and hide certain content by utilizing the progressive disclosure interaction pattern.

The Control Bar appears on pages and modals containing tables or other information and data that a user can interact with by customizing, saving, exporting, or filtering the data in a particular way. The Control Bar content and actions are related and dependent on the user’s page or modal.

Modals display required decisions, critical information or important tasks. Modals allow users to view and interact with content without navigating away from the page below the Modal.

Tabs are used to group related content at the same hierarchical level. They allow the user to be able to alternate between views within the same context.

The Title Bar displays information, hierarchy and actions for the user's current page.