Provide the user with steps and actionable guidance to help them complete a more complicated task or understand a more complicated topic.
The tutorial page uses the two column - information page layout.
A direct, short title that tells the user what the page is about.
A short paragraph that expands on what the main action on the page is and why it is important.
The in-page navigation that allows users to skip to a sub-section via an anchor link.
Short titles used to break up the content into sub-topics.
Optional supporting media to enhance the text content.
Used to highlight a supporting example, important information or a formula.
Used to highlight important related resources that are available to download.
Optional. Used to highlight an important internal or external site section or tool.
Used to direct the user to what they might find most helpful next.
A tutorial page is a page with steps and actionable guidance that help a user complete a more complicated task or understand a more complicated topic.
Pops up like cooked bread in a toaster.
Toasts can be left aligned or centered depending on the page context.
Pops up like cooked bread in a toaster.
Toasts can be left aligned or centered depending on the page context.
Changes to this contract are being autosaved.