[{"data":1,"prerenderedAt":999},["ShallowReactive",2],{"navigation":3,"/configuration/placement":272,"/configuration/placement-surround":994},[4,22,59,95,120,161,183,200,243,264],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"/getting-started","01.getting-started",[10,14,18],{"title":11,"path":12,"stem":13},"Introduction","/getting-started/introduction","01.getting-started/1.introduction",{"title":15,"path":16,"stem":17},"Installation","/getting-started/installation","01.getting-started/2.installation",{"title":19,"path":20,"stem":21},"Quick Start","/getting-started/quick-start","01.getting-started/3.quick-start",{"title":23,"path":24,"stem":25,"children":26,"page":6},"Configuration","/configuration","02.configuration",[27,31,35,39,43,47,51,55],{"title":28,"path":29,"stem":30},"Overview","/configuration/overview","02.configuration/1.overview",{"title":32,"path":33,"stem":34},"Size","/configuration/size","02.configuration/2.size",{"title":36,"path":37,"stem":38},"Steps","/configuration/steps","02.configuration/3.steps",{"title":40,"path":41,"stem":42},"Placement","/configuration/placement","02.configuration/4.placement",{"title":44,"path":45,"stem":46},"Animation","/configuration/animation","02.configuration/5.animation",{"title":48,"path":49,"stem":50},"Scroll","/configuration/scroll","02.configuration/6.scroll",{"title":52,"path":53,"stem":54},"Skip","/configuration/skip","02.configuration/7.skip",{"title":56,"path":57,"stem":58},"Styles","/configuration/styles","02.configuration/8.styles",{"title":60,"path":61,"stem":62,"children":63,"page":6},"Components","/components","03.components",[64,68,72,76,80,84,88,91],{"title":65,"path":66,"stem":67},"Container","/components/container","03.components/1.container",{"title":69,"path":70,"stem":71},"Overlay","/components/overlay","03.components/2.overlay",{"title":73,"path":74,"stem":75},"Tooltip","/components/tooltip","03.components/3.tooltip",{"title":77,"path":78,"stem":79},"Image","/components/image","03.components/4.image",{"title":81,"path":82,"stem":83},"Buttons","/components/buttons","03.components/5.buttons",{"title":85,"path":86,"stem":87},"Progress","/components/progress","03.components/6.progress",{"title":52,"path":89,"stem":90},"/components/skip","03.components/7.skip",{"title":92,"path":93,"stem":94},"Close Button","/components/close-button","03.components/8.close-button",{"title":96,"path":97,"stem":98,"children":99,"page":6},"Features","/features","04.features",[100,104,108,112,116],{"title":101,"path":102,"stem":103},"Visibility","/features/visibility","04.features/1.visibility",{"title":105,"path":106,"stem":107},"Responsive","/features/responsive","04.features/2.responsive",{"title":109,"path":110,"stem":111},"Keyboard","/features/keyboard","04.features/3.keyboard",{"title":113,"path":114,"stem":115},"Highlight","/features/highlight","04.features/4.highlight",{"title":117,"path":118,"stem":119},"Overrides","/features/overrides","04.features/5.overrides",{"title":121,"path":122,"stem":123,"children":124,"page":6},"API Reference","/api-reference","05.api-reference",[125,129,133,137,141,145,149,153,157],{"title":126,"path":127,"stem":128},"useBorda","/api-reference/use-borda","05.api-reference/1.use-borda",{"title":130,"path":131,"stem":132},"useConfig","/api-reference/use-config","05.api-reference/2.use-config",{"title":134,"path":135,"stem":136},"useHighlight","/api-reference/use-highlight","05.api-reference/3.use-highlight",{"title":138,"path":139,"stem":140},"Borda Instance","/api-reference/borda-instance","05.api-reference/4.borda-instance",{"title":142,"path":143,"stem":144},"Controller API","/api-reference/controller-api","05.api-reference/5.controller-api",{"title":146,"path":147,"stem":148},"Events API","/api-reference/events-api","05.api-reference/6.events-api",{"title":150,"path":151,"stem":152},"Visibility API","/api-reference/visibility-api","05.api-reference/7.visibility-api",{"title":154,"path":155,"stem":156},"Skip API","/api-reference/skip-api","05.api-reference/8.skip-api",{"title":158,"path":159,"stem":160},"Scroll API","/api-reference/scroll-api","05.api-reference/9.scroll-api",{"title":162,"path":163,"stem":164,"children":165,"page":6},"Events","/events","06.events",[166,170,174,177,180],{"title":167,"path":168,"stem":169},"Tour","/events/tour","06.events/1.tour",{"title":171,"path":172,"stem":173},"Widget","/events/widget","06.events/2.widget",{"title":52,"path":175,"stem":176},"/events/skip","06.events/3.skip",{"title":101,"path":178,"stem":179},"/events/visibility","06.events/4.visibility",{"title":109,"path":181,"stem":182},"/events/keyboard","06.events/5.keyboard",{"title":184,"path":185,"stem":186,"children":187,"page":6},"Custom Element","/custom-element","07.custom-element",[188,192,196],{"title":189,"path":190,"stem":191},"Setup","/custom-element/setup","07.custom-element/1.setup",{"title":193,"path":194,"stem":195},"Usage","/custom-element/usage","07.custom-element/2.usage",{"title":197,"path":198,"stem":199},"DOM Events","/custom-element/events","07.custom-element/3.events",{"title":201,"path":202,"stem":203,"children":204,"page":6},"Examples","/examples","08.examples",[205,209,213,217,220,223,226,229,233,236,240],{"title":206,"path":207,"stem":208},"Basic Setup","/examples/basic-setup","08.examples/01.basic-setup",{"title":210,"path":211,"stem":212},"Multi-step","/examples/multi-step","08.examples/02.multi-step",{"title":214,"path":215,"stem":216},"Custom Styling","/examples/custom-styling","08.examples/03.custom-styling",{"title":113,"path":218,"stem":219},"/examples/highlight","08.examples/04.highlight",{"title":105,"path":221,"stem":222},"/examples/responsive","08.examples/05.responsive",{"title":117,"path":224,"stem":225},"/examples/overrides","08.examples/06.overrides",{"title":109,"path":227,"stem":228},"/examples/keyboard","08.examples/07.keyboard",{"title":230,"path":231,"stem":232},"Don't Show Again","/examples/skip","08.examples/08.skip",{"title":44,"path":234,"stem":235},"/examples/animation","08.examples/09.animation",{"title":237,"path":238,"stem":239},"Transition","/examples/transition","08.examples/10.transition",{"title":85,"path":241,"stem":242},"/examples/progress","08.examples/11.progress",{"title":244,"path":245,"stem":246,"children":247,"page":6},"Distribution","/distribution","09.distribution",[248,252,256,260],{"title":249,"path":250,"stem":251},"Formats","/distribution/formats","09.distribution/1.formats",{"title":253,"path":254,"stem":255},"Browser Support","/distribution/browser-support","09.distribution/2.browser-support",{"title":257,"path":258,"stem":259},"Bundle Size","/distribution/bundle-size","09.distribution/3.bundle-size",{"title":261,"path":262,"stem":263},"TypeScript","/distribution/typescript","09.distribution/4.typescript",{"title":265,"path":266,"stem":267,"children":268,"page":6},"Accessibility","/accessibility","10.accessibility",[269],{"title":28,"path":270,"stem":271},"/accessibility/overview","10.accessibility/1.overview",{"id":273,"title":40,"body":274,"description":988,"extension":989,"links":990,"meta":991,"navigation":461,"path":41,"seo":992,"stem":42,"__hash__":993},"docs/02.configuration/4.placement.md",{"type":275,"value":276,"toc":984},"minimark",[277,290,295,404,411,743,747,754,761,768,941,944,947,980],[278,279,281],"div",{"id":280},"placement-description",[282,283,284,285,289],"p",{},"The ",[286,287,288],"code",{},"placement"," field on each step controls where the tooltip appears relative to its target element. Borda uses a 3×3 grid system with 9 named positions.",[291,292,294],"h2",{"id":293},"values","Values",[296,297,298,310],"table",{},[299,300,301],"thead",{},[302,303,304,307],"tr",{},[305,306,40],"th",{},[305,308,309],{},"Position",[311,312,313,324,334,344,354,364,374,384,394],"tbody",{},[302,314,315,321],{},[316,317,318],"td",{},[286,319,320],{},"TOP_START",[316,322,323],{},"Above the target, aligned to its left edge",[302,325,326,331],{},[316,327,328],{},[286,329,330],{},"TOP_CENTER",[316,332,333],{},"Above the target, centered",[302,335,336,341],{},[316,337,338],{},[286,339,340],{},"TOP_END",[316,342,343],{},"Above the target, aligned to its right edge",[302,345,346,351],{},[316,347,348],{},[286,349,350],{},"MIDDLE_START",[316,352,353],{},"Left of the target, vertically centered",[302,355,356,361],{},[316,357,358],{},[286,359,360],{},"MIDDLE_CENTER",[316,362,363],{},"Centered on the target",[302,365,366,371],{},[316,367,368],{},[286,369,370],{},"MIDDLE_END",[316,372,373],{},"Right of the target, vertically centered",[302,375,376,381],{},[316,377,378],{},[286,379,380],{},"BOTTOM_START",[316,382,383],{},"Below the target, aligned to its left edge",[302,385,386,391],{},[316,387,388],{},[286,389,390],{},"BOTTOM_CENTER",[316,392,393],{},"Below the target, centered",[302,395,396,401],{},[316,397,398],{},[286,399,400],{},"BOTTOM_END",[316,402,403],{},"Below the target, aligned to its right edge",[405,406,407],"borda-container",{},[408,409],"borda-component",{":config":410},"{\"steps\":[{\"target\":\"#placement-description\",\"title\":\"3×3 grid\",\"description\":\"Borda uses a 3×3 grid with 9 named positions for tooltip placement.\",\"placement\":\"bottom-start\"},{\"target\":\"#values\",\"title\":\"Placement values\",\"description\":\"The table lists all 9 positions — TOP_START through BOTTOM_END.\",\"placement\":\"middle-end\"},{\"target\":\"#auto-placement\",\"title\":\"Auto-placement\",\"description\":\"When the requested placement doesn't fit, Borda flips the tooltip to a fallback position.\",\"placement\":\"top-end\"}]}",[412,413,418],"pre",{"className":414,"code":415,"language":416,"meta":417,"style":417},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { ComponentPlacement } from '@retoo/borda';\n\nawait borda.mount({\n  steps: [\n    {\n      target: '#sidebar',\n      title: 'Navigation',\n      description: 'Browse sections here.',\n      placement: ComponentPlacement.MIDDLE_END,\n    },\n    {\n      target: '#header',\n      title: 'Header',\n      description: 'Sits below the target, aligned left.',\n      placement: ComponentPlacement.BOTTOM_START,\n    },\n    {\n      target: '#hero-banner',\n      title: 'Hero',\n      description: 'Centered directly on top of the target.',\n      placement: ComponentPlacement.MIDDLE_CENTER,\n    },\n  ],\n});\n","ts","",[286,419,420,456,463,485,498,504,522,539,556,572,578,583,599,615,631,646,651,656,672,688,704,719,724,732],{"__ignoreMap":417},[421,422,425,429,433,437,440,443,446,450,453],"span",{"class":423,"line":424},"line",1,[421,426,428],{"class":427},"s7zQu","import",[421,430,432],{"class":431},"sMK4o"," {",[421,434,436],{"class":435},"sTEyZ"," ComponentPlacement",[421,438,439],{"class":431}," }",[421,441,442],{"class":427}," from",[421,444,445],{"class":431}," '",[421,447,449],{"class":448},"sfazB","@retoo/borda",[421,451,452],{"class":431},"'",[421,454,455],{"class":431},";\n",[421,457,459],{"class":423,"line":458},2,[421,460,462],{"emptyLinePlaceholder":461},true,"\n",[421,464,466,469,472,475,479,482],{"class":423,"line":465},3,[421,467,468],{"class":427},"await",[421,470,471],{"class":435}," borda",[421,473,474],{"class":431},".",[421,476,478],{"class":477},"s2Zo4","mount",[421,480,481],{"class":435},"(",[421,483,484],{"class":431},"{\n",[421,486,488,492,495],{"class":423,"line":487},4,[421,489,491],{"class":490},"swJcz","  steps",[421,493,494],{"class":431},":",[421,496,497],{"class":435}," [\n",[421,499,501],{"class":423,"line":500},5,[421,502,503],{"class":431},"    {\n",[421,505,507,510,512,514,517,519],{"class":423,"line":506},6,[421,508,509],{"class":490},"      target",[421,511,494],{"class":431},[421,513,445],{"class":431},[421,515,516],{"class":448},"#sidebar",[421,518,452],{"class":431},[421,520,521],{"class":431},",\n",[421,523,525,528,530,532,535,537],{"class":423,"line":524},7,[421,526,527],{"class":490},"      title",[421,529,494],{"class":431},[421,531,445],{"class":431},[421,533,534],{"class":448},"Navigation",[421,536,452],{"class":431},[421,538,521],{"class":431},[421,540,542,545,547,549,552,554],{"class":423,"line":541},8,[421,543,544],{"class":490},"      description",[421,546,494],{"class":431},[421,548,445],{"class":431},[421,550,551],{"class":448},"Browse sections here.",[421,553,452],{"class":431},[421,555,521],{"class":431},[421,557,559,562,564,566,568,570],{"class":423,"line":558},9,[421,560,561],{"class":490},"      placement",[421,563,494],{"class":431},[421,565,436],{"class":435},[421,567,474],{"class":431},[421,569,370],{"class":435},[421,571,521],{"class":431},[421,573,575],{"class":423,"line":574},10,[421,576,577],{"class":431},"    },\n",[421,579,581],{"class":423,"line":580},11,[421,582,503],{"class":431},[421,584,586,588,590,592,595,597],{"class":423,"line":585},12,[421,587,509],{"class":490},[421,589,494],{"class":431},[421,591,445],{"class":431},[421,593,594],{"class":448},"#header",[421,596,452],{"class":431},[421,598,521],{"class":431},[421,600,602,604,606,608,611,613],{"class":423,"line":601},13,[421,603,527],{"class":490},[421,605,494],{"class":431},[421,607,445],{"class":431},[421,609,610],{"class":448},"Header",[421,612,452],{"class":431},[421,614,521],{"class":431},[421,616,618,620,622,624,627,629],{"class":423,"line":617},14,[421,619,544],{"class":490},[421,621,494],{"class":431},[421,623,445],{"class":431},[421,625,626],{"class":448},"Sits below the target, aligned left.",[421,628,452],{"class":431},[421,630,521],{"class":431},[421,632,634,636,638,640,642,644],{"class":423,"line":633},15,[421,635,561],{"class":490},[421,637,494],{"class":431},[421,639,436],{"class":435},[421,641,474],{"class":431},[421,643,380],{"class":435},[421,645,521],{"class":431},[421,647,649],{"class":423,"line":648},16,[421,650,577],{"class":431},[421,652,654],{"class":423,"line":653},17,[421,655,503],{"class":431},[421,657,659,661,663,665,668,670],{"class":423,"line":658},18,[421,660,509],{"class":490},[421,662,494],{"class":431},[421,664,445],{"class":431},[421,666,667],{"class":448},"#hero-banner",[421,669,452],{"class":431},[421,671,521],{"class":431},[421,673,675,677,679,681,684,686],{"class":423,"line":674},19,[421,676,527],{"class":490},[421,678,494],{"class":431},[421,680,445],{"class":431},[421,682,683],{"class":448},"Hero",[421,685,452],{"class":431},[421,687,521],{"class":431},[421,689,691,693,695,697,700,702],{"class":423,"line":690},20,[421,692,544],{"class":490},[421,694,494],{"class":431},[421,696,445],{"class":431},[421,698,699],{"class":448},"Centered directly on top of the target.",[421,701,452],{"class":431},[421,703,521],{"class":431},[421,705,707,709,711,713,715,717],{"class":423,"line":706},21,[421,708,561],{"class":490},[421,710,494],{"class":431},[421,712,436],{"class":435},[421,714,474],{"class":431},[421,716,360],{"class":435},[421,718,521],{"class":431},[421,720,722],{"class":423,"line":721},22,[421,723,577],{"class":431},[421,725,727,730],{"class":423,"line":726},23,[421,728,729],{"class":435},"  ]",[421,731,521],{"class":431},[421,733,735,738,741],{"class":423,"line":734},24,[421,736,737],{"class":431},"}",[421,739,740],{"class":435},")",[421,742,455],{"class":431},[291,744,746],{"id":745},"auto-placement","Auto-placement",[282,748,749,750,753],{},"When the requested placement doesn't fit in the viewport, Borda can automatically flip the tooltip to a fallback position. This is enabled by default. The default fallback chain tries the mirrored side first, then centered variants, then the opposite-alignment sides, and finally the perpendicular (",[286,751,752],{},"middle-*",") sides.",[755,756,758],"callout",{"color":757},"info",[282,759,760],{},"The tooltip never overlaps its target. If no candidate placement fits the viewport, Borda shifts the least-overflowing one to whichever non-overlapping side has room — even if that means the tooltip ends up partially outside the viewport.",[282,762,763,764,767],{},"Configure the fallback chain through the tooltip's ",[286,765,766],{},"autoPlacement"," option:",[412,769,771],{"className":414,"code":770,"language":416,"meta":417,"style":417},"await borda.mount({\n  steps: [\n    {\n      target: '#element',\n      title: 'Title',\n      description: 'Description',\n      placement: ComponentPlacement.TOP_CENTER,\n    },\n  ],\n  tourTooltip: {\n    autoPlacement: {\n      fallback: [\n        ComponentPlacement.BOTTOM_CENTER,\n        ComponentPlacement.MIDDLE_END,\n      ],\n    },\n  },\n});\n",[286,772,773,787,795,799,814,829,844,858,862,868,878,887,896,907,917,924,928,933],{"__ignoreMap":417},[421,774,775,777,779,781,783,785],{"class":423,"line":424},[421,776,468],{"class":427},[421,778,471],{"class":435},[421,780,474],{"class":431},[421,782,478],{"class":477},[421,784,481],{"class":435},[421,786,484],{"class":431},[421,788,789,791,793],{"class":423,"line":458},[421,790,491],{"class":490},[421,792,494],{"class":431},[421,794,497],{"class":435},[421,796,797],{"class":423,"line":465},[421,798,503],{"class":431},[421,800,801,803,805,807,810,812],{"class":423,"line":487},[421,802,509],{"class":490},[421,804,494],{"class":431},[421,806,445],{"class":431},[421,808,809],{"class":448},"#element",[421,811,452],{"class":431},[421,813,521],{"class":431},[421,815,816,818,820,822,825,827],{"class":423,"line":500},[421,817,527],{"class":490},[421,819,494],{"class":431},[421,821,445],{"class":431},[421,823,824],{"class":448},"Title",[421,826,452],{"class":431},[421,828,521],{"class":431},[421,830,831,833,835,837,840,842],{"class":423,"line":506},[421,832,544],{"class":490},[421,834,494],{"class":431},[421,836,445],{"class":431},[421,838,839],{"class":448},"Description",[421,841,452],{"class":431},[421,843,521],{"class":431},[421,845,846,848,850,852,854,856],{"class":423,"line":524},[421,847,561],{"class":490},[421,849,494],{"class":431},[421,851,436],{"class":435},[421,853,474],{"class":431},[421,855,330],{"class":435},[421,857,521],{"class":431},[421,859,860],{"class":423,"line":541},[421,861,577],{"class":431},[421,863,864,866],{"class":423,"line":558},[421,865,729],{"class":435},[421,867,521],{"class":431},[421,869,870,873,875],{"class":423,"line":574},[421,871,872],{"class":490},"  tourTooltip",[421,874,494],{"class":431},[421,876,877],{"class":431}," {\n",[421,879,880,883,885],{"class":423,"line":580},[421,881,882],{"class":490},"    autoPlacement",[421,884,494],{"class":431},[421,886,877],{"class":431},[421,888,889,892,894],{"class":423,"line":585},[421,890,891],{"class":490},"      fallback",[421,893,494],{"class":431},[421,895,497],{"class":435},[421,897,898,901,903,905],{"class":423,"line":601},[421,899,900],{"class":435},"        ComponentPlacement",[421,902,474],{"class":431},[421,904,390],{"class":435},[421,906,521],{"class":431},[421,908,909,911,913,915],{"class":423,"line":617},[421,910,900],{"class":435},[421,912,474],{"class":431},[421,914,370],{"class":435},[421,916,521],{"class":431},[421,918,919,922],{"class":423,"line":633},[421,920,921],{"class":435},"      ]",[421,923,521],{"class":431},[421,925,926],{"class":423,"line":648},[421,927,577],{"class":431},[421,929,930],{"class":423,"line":653},[421,931,932],{"class":431},"  },\n",[421,934,935,937,939],{"class":423,"line":658},[421,936,737],{"class":431},[421,938,740],{"class":435},[421,940,455],{"class":431},[282,942,943],{},"The first placement from the fallback list that fits in the viewport wins. If none fit, Borda falls back to whichever candidate overflows the least, then shifts it to stay attached to the target without ever overlapping it.",[282,945,946],{},"Disable auto-placement to use the requested position as-is:",[412,948,950],{"className":414,"code":949,"language":416,"meta":417,"style":417},"tourTooltip: {\n  autoPlacement: false,\n}\n",[286,951,952,962,975],{"__ignoreMap":417},[421,953,954,958,960],{"class":423,"line":424},[421,955,957],{"class":956},"sBMFI","tourTooltip",[421,959,494],{"class":431},[421,961,877],{"class":431},[421,963,964,967,969,973],{"class":423,"line":458},[421,965,966],{"class":956},"  autoPlacement",[421,968,494],{"class":431},[421,970,972],{"class":971},"sfNiH"," false",[421,974,521],{"class":431},[421,976,977],{"class":423,"line":465},[421,978,979],{"class":431},"}\n",[981,982,983],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":417,"searchDepth":424,"depth":458,"links":985},[986,987],{"id":293,"depth":458,"text":294},{"id":745,"depth":458,"text":746},"Control tooltip position relative to the target element using ComponentPlacement.","md",null,{},{"title":40,"description":988},"CCCwyfUnFmBR56kUAFEbmtEIcIYhxv2wyifEdihHDGs",[995,997],{"title":36,"path":37,"stem":38,"description":996,"children":-1},"Define tour steps with target elements, titles, descriptions, images, and lifecycle hooks.",{"title":44,"path":45,"stem":46,"description":998,"children":-1},"Configure enter/exit animations for the tooltip and overlay spotlight transitions.",1784550674297]