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. |
