Directivas de diseño

En esta página se enumeran las directivas relacionadas con el diseño.

Notas a pie de página

<walkthrough-footnote>FOOTNOTE_TEXT</walkthrough-footnote>

Renderiza el texto interno con el estilo de una nota al pie de página. Inserta esta directiva en la parte inferior del paso correspondiente.

Iconos

<walkthrough-ICON_NAME></walkthrough-ICON_NAME>

Muestra un icono.

Nombres de los iconos

Se pueden insertar los siguientes iconos en una línea de texto.

Nombre del icono insertado Icono de renderizado
cloud-shell-icon Icono de Cloud Shell
web-preview-icon Icono de vista previa web
cloud-shell-editor-icon Icono del editor de Cloud Shell
nav-menu-icon Icono del menú de navegación
notification-menu-icon Icono del menú de notificaciones
pin-section-icon Icono de sección de menú fijado

Los siguientes iconos se muestran mejor como imágenes independientes.

Nombre del icono Icono de renderizado
conclusion-trophy Trofeo de conclusión

Duración del tutorial

<walkthrough-tutorial-duration duration="DURATION"></walkthrough-tutorial-duration>

Muestra un icono de reloj y una estimación de la duración del tutorial. En los tutoriales de varios pasos, añade esta directiva inmediatamente después del título.

Parámetros

Parámetro Tipo Descripción
duration Flotante Duración estimada del tutorial en minutos.