En esta página, se enumeran las directivas relacionadas con los reflectores.
Punteros destacados
<walkthrough-spotlight-pointer spotlightId="SPOTLIGHT_ID">LINK_TEXT</walkthrough-spotlight-pointer>
<walkthrough-spotlight-pointer cssSelector="CSS_SELECTOR">LINK_TEXT</walkthrough-spotlight-pointer>
Crea un vínculo que destaca el elemento de la IU especificado en Consola de Google Cloud al hacer clic.
Puedes destacar un elemento de la página de una de las siguientes maneras:
- Destacados/instrumentación ID
- Con el parámetro
spotlightId, especifica la dirección de un elemento del DOMinstrumentation-idospotlight-idpara seleccionar el elemento. - selector CSS
- Para los elementos sin un ID dede instrumentación ni de un foco, usa el parámetro
cssSelectorcon un selector CSS para elegir el elemento.
Solo se necesita uno de estos parámetros. Si se proporcionan ambos, spotlightId
y control sobre el uso de sus datos.
Se pueden seleccionar varios elementos con una coma como delimitador. Se destacan todos los elementos que coinciden, y el primero se enfoca y se desplaza hasta que aparece en la vista.
Para obtener información sobre los aspectos destacados del editor de Cloud Shell, consulta Aspectos destacados del editor de Cloud Shell.
Parámetros
| Parámetro | Tipo | Descripción |
|---|---|---|
spotlightId
|
Enumerar | IDs de instrumentación/facilidad para destacar, separados por coma. |
cssSelector |
Enumerar | Selectores CSS para destacar, separados por comas. |
title
|
String | (Opcional) Cuadro de información que se muestra cuando el usuario coloca el cursor el cursor del mouse sobre el vínculo destacado. |
Esta es una lista de los IDs de Spotlight o instrumentación que puedes usar:
| Destacado/ID de instrumentación | Elemento destacado |
|---|---|
console-nav-menu |
El menú de navegación de la consola. |
devshell-activate-button |
El botón para abrir Cloud Shell. |