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.