Multi-Step Flows

Purpose

Multi-step flows are triggered by an action on a page. They can take on the form of a view, modal, or pushback, depending on the product or service.

Anatomy

Similar to our cards, multi-step flows are comprised of the following three sections: header, body and actions.

Specs - Center-Aligned Controls

Header = Heading 4, White, Centered-aligned
Body = Body 3, Gray 05
Content Width = Dependent on amount of content and breakpoint. For large: 8-col (small amount), 10-col (medium amount), 12-col (large amount)