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 la consola de Google Cloud cuando se hace clic en él.
Puedes destacar un elemento en la página de dos maneras:
- Destacados/instrumentación ID
- Con el parámetro
spotlightId
, especifica el valor de propiedadinstrumentation-id
ospotlight-id
de un elemento del DOM para seleccionar el elemento. - selector CSS
- Para los elementos que no tengan un IDde instrumentación
o destacado, 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, se usa spotlightId
.
Se pueden seleccionar varios elementos con una coma como delimitador. Se destacarán todos los elementos coincidentes, el primero se enfocará y se desplazó hasta ver.
Para conocer los elementos destacados del Editor de Cloud Shell, consulta Destacados del editor de Cloud Shell.
Parámetros
Parámetro | Tipo | Descripción |
---|---|---|
spotlightId
|
Enumerar | Son los IDs de instrumentación o de Spotlight que se deben destacar, separados por comas. |
cssSelector |
Enumerar | Selectores CSS para destacar, separados por comas |
title
|
String | (Opcional) Información sobre la herramienta que se muestra cuando el usuario coloca el cursor del mouse sobre el vínculo destacado. |
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 |
Botón para abrir Cloud Shell. |