Wizard
Split complex tasks and process into steps.
1
Personal Details
Step 1 - Personal Details
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."
When to use
Use the Wizard to present numbered steps or conditions that the user needs to complete to reach a goal. Use it to split large tasks into more manageable steps. Wizards usually include explicit button navigation to move a step forward or backward. 
With Icons
Display icons inside wizard steps by replacing its content.
Personal Details
Address Details
Empty
Display empty wizard steps by removing its content. These steps will look as small circles.
Personal Details
Address Details
Use Top Label
If true, label is placed above the icon.
1
Personal Details
2
Address Details
Orientation
Changes the Wizard to be vertically stacked.
1
Personal Details
2
Address Details
See more information on implementing this pattern in the product documentation
Click here to see your activities