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 |
|
web-preview-icon |
|
cloud-shell-editor-icon |
|
nav-menu-icon |
|
notification-menu-icon |
|
pin-section-icon |
The following icons are best shown as a standalone image.
Icon name | Rendered icon |
---|---|
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. |