En esta página, se enumeran las directivas relacionadas con los Spotlights.
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 en la página de dos maneras:
- Destacados/instrumentación ID
- Con el parámetro
spotlightId
, especifica la dirección de un elemento del DOMinstrumentation-id
ospotlight-id
para seleccionar el elemento. - selector CSS
- Para elementos que no se destacan
o instrumentación
ID, usa el parámetro
cssSelector
con un selector CSS para seleccionar el elemento.
Solo uno de estos parámetros es obligatorio. Si se proporcionan ambos, spotlightId
y control sobre el uso de sus datos.
Se pueden seleccionar varios elementos con una coma como delimitador. Todas las coincidencias aparecen destacados, el primero se enfoca y se desplaza a la vista.
Para ver los puntos destacados en el Editor de Cloud Shell, consulta Spotlights 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) Es la información sobre herramientas que se muestra cuando el usuario coloca el cursor del mouse sobre el vínculo de Spotlight. |
A continuación, se incluye una lista de los IDs de instrumentación o de focos 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. |