[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["이해하기 어려움","hardToUnderstand","thumb-down"],["잘못된 정보 또는 샘플 코드","incorrectInformationOrSampleCode","thumb-down"],["필요한 정보/샘플이 없음","missingTheInformationSamplesINeed","thumb-down"],["번역 문제","translationIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-04-21(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:"]]
