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

Í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 Ícono de fijar 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 ícono de reloj y una estimación de cuánto tiempo tomará el instructivo. 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 Duración estimada del instructivo en minutos