Layout directives

This page lists directives related to Layout.

Footnotes

 <walkthrough-footnote> FOOTNOTE_TEXT 
</walkthrough-footnote> 

Renders the inner text in a footnote style. Insert this directive at the bottom of the relevant step.

Icons

 <walkthrough- ICON_NAME 
></walkthrough- ICON_NAME 
> 

Shows an icon.

Icon names

The following icons can be inserted into a line of text.

Inline icon name Rendered icon
cloud-shell-icon Cloud Shell Icon
web-preview-icon Web preview icon
cloud-shell-editor-icon Cloud Shell Editor icon
nav-menu-icon Nav menu icon
notification-menu-icon Notification menu icon
pin-section-icon Pin menu section icon

The following icons are best shown as a standalone image.

Icon name Rendered icon
conclusion-trophy Conclusion trophy

Tutorial duration

 <walkthrough-tutorial-duration duration=" DURATION 
"></walkthrough-tutorial-duration> 

Shows a clock icon and an estimate of how long the tutorial will take. For multi-step tutorials, add this directive immediately after the title.

Parameters

Parameter Type Description
duration
Float The estimated tutorial duration in minutes.
Design a Mobile Site
View Site in Mobile | Classic
Share by: