Directivas de diseño

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

Pies de página

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

Renderiza el texto interno en un estilo de nota al pie. Inserta esta directiva en la parte inferior del paso relevante.

Íconos

<walkthrough-ICON_NAME></walkthrough-ICON_NAME>

Muestra un ícono.

Nombres de íconos

Los siguientes íconos se pueden insertar en una línea de texto.

Nombre del icono en línea Ícono renderizado
cloud-shell-icon Ícono de Cloud Shell
web-preview-icon Ícono de vista previa en la Web
cloud-shell-editor-icon Ícono del editor de Cloud Shell
nav-menu-icon Ícono del menú de navegación
notification-menu-icon Ícono del menú de notificaciones
pin-section-icon Fijar ícono de sección del menú

Los siguientes íconos se muestran mejor como imágenes independientes.

Nombre del ícono Ícono renderizado
conclusion-trophy Trofeo de conclusión

Duración del instructivo

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

Muestra un icono de reloj y una estimación de cuánto tiempo llevará el tutorial. En el caso de los instructivos de varios pasos, agrega esta directiva inmediatamente después del título.

Parámetros

Parámetro Tipo Descripción
duration Número de punto flotante La duración estimada del instructivo en minutos.