Layout directives
Stay organized with collections
Save and categorize content based on your preferences.
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. |