Layout

Create a full page layout with a fixed header and content area. View the test page to see a full layout together with body and page sub-components.

Sub-components
Name Class Required? Description
Primary header .ads-layout-header-primary Used for primary navigation for major sections of the application, access to user profiles, support, and other products.
Secondary header .ads-layout-header-secondary Used for section-wide breadcrumbs.
Aside .ads-body-aside Used for navigation to pages within a section.
Secondary aside .ads-body-aside-secondary Used to display information while viewing other content accross several pages within a section.
Page title .ads-page-title Used to display the title of the page.
Page actions .ads-page-actions Contains action buttons or dropdowns.
Command well .ads-page-command-well Contains any buttons, filters, or toggles neccessary for manipulating or interacting with the data on the page.
Page content .ads-page-content Contains the content for the page.
Primary Header
Secondary Header (Optional)
Aside

Page Title

Actions (As needed)
Command Well (As needed)
Content
Secondary Aside (Optional)