Nesta página, listamos as diretivas relacionadas a 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 da interface especificado no console do Google Cloud quando clicado.
É possível destacar um elemento na página de duas maneiras:
- ID de/instrumentação de Spotlight
- Usando o parâmetro
spotlightId, especifique o valor da propriedadeinstrumentation-idouspotlight-idde um elemento DOM para selecionar o elemento. - Seletor de CSS
- Para elementos sem um ID de destaque
ou de instrumentação , use o parâmetro
cssSelectorcom 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. |