Cria um link que destaca o elemento de IU especificado no
consoleGoogle Cloud quando clicado.
É 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 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.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Difícil de entender","hardToUnderstand","thumb-down"],["Informações incorretas ou exemplo de código","incorrectInformationOrSampleCode","thumb-down"],["Não contém as informações/amostras de que eu preciso","missingTheInformationSamplesINeed","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2025-09-04 UTC."],[],[],null,["# Spotlights\n\nThis page lists directives related to spotlights.\n\nSpotlight pointers\n------------------\n\n \u003cwalkthrough-spotlight-pointer spotlightId=\"\u003cvar class=\"readonly\" translate=\"no\"\u003eSPOTLIGHT_ID\u003c/var\u003e\"\u003e\u003cvar class=\"readonly\" translate=\"no\"\u003eLINK_TEXT\u003c/var\u003e\u003c/walkthrough-spotlight-pointer\u003e\n\n \u003cwalkthrough-spotlight-pointer cssSelector=\"\u003cvar class=\"readonly\" translate=\"no\"\u003eCSS_SELECTOR\u003c/var\u003e\"\u003e\u003cvar class=\"readonly\" translate=\"no\"\u003eLINK_TEXT\u003c/var\u003e\u003c/walkthrough-spotlight-pointer\u003e\n\nCreates a link that highlights the specified UI element in\nGoogle Cloud console when clicked.\n\nYou can spotlight an element on the page in one of two ways:\n\nSpotlight/instrumentation ID\n: Using the `spotlightId` parameter, specify a DOM element's\n `instrumentation-id` or\n `spotlight-id` property value to select the element.\n\nCSS selector\n: For elements without a spotlight\n or instrumentation\n ID, use the `cssSelector` parameter with a CSS selector to select the element.\n\nOnly one of these parameters is required. If both are provided, `spotlightId`\nis used.\n\nMultiple elements can be selected using a comma as a delimiter. All matching\nelements are highlighted, with the first focused and scrolled into view.\n\nFor spotlights in Cloud Shell Editor, refer to\n[Cloud Shell Editor spotlights](/shell/docs/cloud-shell-tutorials/directives-cloud-shell-editor#spotlight_pointers).\n\n### Parameters\n\nHere's a list of spotlight/instrumentation IDs you can use:"]]