Layouts & Sample Pages

Sample pages demonstrate how to create common layouts and scenarios with Indigo.

App Layouts

The simplest shell, with just a header and footer.

Uses Side Nav to closely associate this page with peer pages.

Uses Horizontal Nav for a smaller footprint.

Uses both navigation options for pages in a deep experience.

Long Form Text, Side Nav and Breadcrumbs.

Another Long Form Text example.

Data Table, Pagination, and Tag components.

An example of a File Upload form with Notification.

Example data entry Form with common patterns, such as full name and address.

Example validation behaviors for form components Input, Radio Button, Checkbox, and Notification.

Overlay loader shown over an article template.

Modal shown over an article template.

An example of a multistep process implementing Progress Bar. Also includes examples of Tooltip and Notification.

Content divided into multiple Tab panels, with the last panel simulating a Loader.