En esta página, se incluyen directivas relacionadas con aspectos destacados.
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 cuando se hace clic en él.
Puedes destacar un elemento de la página de dos maneras:
- ID de instrumentación o destacado
- Con el parámetro
spotlightId
, especifica un valor de propiedadinstrumentation-id
o de un elemento DOM para seleccionar el elemento. - selector CSS
- Para los elementos sin resaltado
o ID de instrumentación
, usa el parámetro
cssSelector
con un selector CSS a fin de 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 destacan todos los elementos coincidentes, y el primero se enfoca y se desplaza hasta la vista.
Consulta Destacados de Cloud Shell para obtener más información sobre este tema.
Parámetros
Parámetro | Tipo | Descripción |
---|---|---|
spotlightId
|
Enumerar | Son los ID de instrumentación/de foco para 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 de enfoque. |
A continuación, te presentamos una lista de los ID de foco y de instrumentación que puedes usar:
Destacados de ID de instrumentación | Elemento destacado |
---|---|
console-nav-menu |
Menú de navegación de la consola |
devshell-activate-button |
El botón para abrir Cloud Shell. |