Directivas de diseño

En esta página, se incluyen 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 de menú de navegación
notification-menu-icon Ícono del menú de notificaciones
pin-section-icon Ícono de fijar la sección del menú

Los siguientes íconos se muestran mejor como una imagen independiente.

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 la duración del instructivo. Para 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.