Esta página lista as diretivas relacionadas aos Destaques.
Ponteiros em destaque
<walkthrough-spotlight-pointer spotlightId="SPOTLIGHT_ID">LINK_TEXT</walkthrough-spotlight-pointer>
<walkthrough-spotlight-pointer cssSelector="CSS_SELECTOR">LINK_TEXT</walkthrough-spotlight-pointer>
Cria um link que destaca o elemento de interface especificado na no console do Google Cloud.
É possível destacar um elemento na página de duas maneiras:
- ID do Spotlight/instrumentação
- Usando o parâmetro
spotlightId
, especifique o valor da propriedadeinstrumentation-id
ouspotlight-id
de um elemento DOM para selecionar o elemento. - Seletor de CSS
- Para elementos sem um ID deou
instrumentação , use o parâmetro
cssSelector
com um seletor de CSS para selecionar o elemento.
Apenas um desses parâmetros é obrigatório. Se ambos forem fornecidos, spotlightId
será usado.
Vários elementos podem ser selecionados usando uma vírgula como delimitador. Todos os elementos correspondentes são destacados, com o primeiro foco e rolado para a visualização.
Para destaques no editor do Cloud Shell, consulte Destaques do editor do Cloud Shell.
Parâmetros
Parâmetro | Tipo | Descrição |
---|---|---|
spotlightId
|
List | IDs de destaque/instrumentação destacados, separados por vírgula. |
cssSelector |
List | Seletores de CSS para destacar, separados por vírgula. |
title
|
String | (Opcional) A dica que será exibida quando o usuário passar o cursor do mouse sobre o link do destaque. |
Veja uma lista de IDs de destaque/instrumentação que você pode usar:
ID da instrumentação | Elemento destacado |
---|---|
console-nav-menu |
O menu de navegação do console. |
devshell-activate-button |
O botão para abrir o Cloud Shell. |