Output patterns

Patterns intended for the relaying of output(s) to the user. Form validation reports, page-level notices, and dynamic 'as-you-type' feedback for example.

This helped in delivering seamless and quick delivery of information in everything related to orders, delivery, missing contact details, and post-purchase messages.

Tourtip is a system-activated flyout. The purpose of the tourtip is to inform the user of some new feature or section on the page. A tourtip is open by default and must be explicitly closed by the user. Once closed, it cannot be reopened.

A passively spawned non-modal dialog. A toast dialog is a non-modal, non-intrusive dialog containing a system-level notification for the user.

A custom landmark that appears prominently at the top of the page. Page notices may be rendered server-side and visible at page load time or, in a single page app environment, they might instead be triggered on the client after some user action.

A custom landmark which appears prominently at the top of the page.

A lightbox dialog that prompts user to confirm or cancel an action. The confirm dialog pattern is a specific type of lightbox dialog that gives a user the chance to confirm or cancel an action.

A lightbox dialog that prompts user for acknowledgement.