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.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2026年01月02日 UTC.