Destaques

Esta página lista 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 IU especificado no Console do Cloud quando clicado.

É possível destacar um elemento na página de duas maneiras:

ID da/instrumentação do Spotlight
Usando o parâmetro spotlightId, especifique o valor da propriedade instrumentation-id ou spotlight-id de um elemento DOM para selecionar o elemento.
Seletor de CSS
Para elementos sem um ID de ou 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.