[{"data":1,"prerenderedAt":1227},["ShallowReactive",2],{"navigation":3,"docs-\u002Fdocs\u002Fcomponents\u002Ftabs":139,"surround-\u002Fdocs\u002Fcomponents\u002Ftabs":1224},[4],{"title":5,"path":6,"stem":7,"children":8,"page":32,"type":33},"Docs","\u002Fdocs","docs",[9,34,58,83],{"title":10,"icon":11,"path":12,"stem":13,"children":14,"page":32,"type":33},"Getting Started","i-lucide-rocket","\u002Fdocs\u002Fgetting-started","docs\u002F1.getting-started",[15,20,24,28],{"title":16,"path":17,"stem":18,"type":19,"children":-1},"Introduction","\u002Fdocs\u002Fgetting-started\u002Fintroduction","docs\u002F1.getting-started\u002F2.introduction","page",{"title":21,"path":22,"stem":23,"type":19,"children":-1},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002F1.getting-started\u002F3.installation",{"title":25,"path":26,"stem":27,"type":19,"children":-1},"Configuration","\u002Fdocs\u002Fgetting-started\u002Fconfiguration","docs\u002F1.getting-started\u002F4.configuration",{"title":29,"path":30,"stem":31,"type":19,"children":-1},"Writing Content","\u002Fdocs\u002Fgetting-started\u002Fwriting-content","docs\u002F1.getting-started\u002F5.writing-content",false,"group",{"title":35,"path":36,"stem":37,"children":38,"page":32,"type":33},"Core Concepts","\u002Fdocs\u002Fconcepts","docs\u002F2.concepts",[39,44,48,53],{"title":40,"path":41,"stem":42,"icon":43,"type":19,"children":-1},"Edition","\u002Fdocs\u002Fconcepts\u002Fedition","docs\u002F2.concepts\u002F2.edition","i-lucide-pencil",{"title":25,"path":45,"stem":46,"icon":47,"type":19,"children":-1},"\u002Fdocs\u002Fconcepts\u002Fconfiguration","docs\u002F2.concepts\u002F3.configuration","i-lucide-settings",{"title":49,"path":50,"stem":51,"icon":52,"type":19,"children":-1},"LLMs Integration","\u002Fdocs\u002Fconcepts\u002Fllms","docs\u002F2.concepts\u002F7.llms","i-lucide-message-circle-code",{"title":54,"path":55,"stem":56,"icon":57,"type":19,"children":-1},"Nuxt","\u002Fdocs\u002Fconcepts\u002Fnuxt","docs\u002F2.concepts\u002F8.nuxt","i-simple-icons-nuxt",{"title":59,"path":60,"stem":61,"children":62,"page":32,"type":33},"Essentials","\u002Fdocs\u002Fessentials","docs\u002F3.essentials",[63,68,73,78],{"title":64,"path":65,"stem":66,"icon":67,"type":19,"children":-1},"Markdown Syntax","\u002Fdocs\u002Fessentials\u002Fmarkdown-syntax","docs\u002F3.essentials\u002F1.markdown-syntax","i-lucide-heading-1",{"title":69,"path":70,"stem":71,"icon":72,"type":19,"children":-1},"Code Blocks","\u002Fdocs\u002Fessentials\u002Fcode-blocks","docs\u002F3.essentials\u002F2.code-blocks","i-lucide-code-xml",{"title":74,"path":75,"stem":76,"icon":77,"type":19,"children":-1},"Components","\u002Fdocs\u002Fessentials\u002Fcomponents","docs\u002F3.essentials\u002F3.components","i-lucide-component",{"title":79,"path":80,"stem":81,"icon":82,"type":19,"children":-1},"Images and Embeds","\u002Fdocs\u002Fessentials\u002Fimages-embeds","docs\u002F3.essentials\u002F4.images-embeds","i-lucide-image",{"title":74,"icon":77,"path":84,"stem":85,"children":86,"page":32,"type":33},"\u002Fdocs\u002Fcomponents","docs\u002F4.components",[87,91,95,99,103,107,111,115,119,123,127,131,135],{"title":88,"path":89,"stem":90,"type":19,"children":-1},"Components Overview","\u002Fdocs\u002Fcomponents\u002Foverview","docs\u002F4.components\u002F1.overview",{"title":92,"path":93,"stem":94,"type":19,"children":-1},"CodeCollapsibleWrapper","\u002Fdocs\u002Fcomponents\u002Fcode-collapsible","docs\u002F4.components\u002F10.code-collapsible",{"title":96,"path":97,"stem":98,"type":19,"children":-1},"CopyButton","\u002Fdocs\u002Fcomponents\u002Fcopy-button","docs\u002F4.components\u002F11.copy-button",{"title":100,"path":101,"stem":102,"type":19,"children":-1},"ButtonA","\u002Fdocs\u002Fcomponents\u002Fbutton-a","docs\u002F4.components\u002F12.button-a",{"title":104,"path":105,"stem":106,"type":19,"children":-1},"Prose","\u002Fdocs\u002Fcomponents\u002Fprose","docs\u002F4.components\u002F13.prose",{"title":108,"path":109,"stem":110,"type":19,"children":-1},"Button","\u002Fdocs\u002Fcomponents\u002Fbutton","docs\u002F4.components\u002F2.button",{"title":112,"path":113,"stem":114,"type":19,"children":-1},"Separator","\u002Fdocs\u002Fcomponents\u002Fseparator","docs\u002F4.components\u002F3.separator",{"title":116,"path":117,"stem":118,"type":19,"children":-1},"Callout","\u002Fdocs\u002Fcomponents\u002Fcallout","docs\u002F4.components\u002F4.callout",{"title":120,"path":121,"stem":122,"type":19,"children":-1},"Steps","\u002Fdocs\u002Fcomponents\u002Fsteps","docs\u002F4.components\u002F5.steps",{"title":124,"path":125,"stem":126,"type":19,"children":-1},"Tabs","\u002Fdocs\u002Fcomponents\u002Ftabs","docs\u002F4.components\u002F6.tabs",{"title":128,"path":129,"stem":130,"type":19,"children":-1},"CodeTabs","\u002Fdocs\u002Fcomponents\u002Fcode-tabs","docs\u002F4.components\u002F7.code-tabs",{"title":132,"path":133,"stem":134,"type":19,"children":-1},"ComponentPreview","\u002Fdocs\u002Fcomponents\u002Fcomponent-preview","docs\u002F4.components\u002F8.component-preview",{"title":136,"path":137,"stem":138,"type":19,"children":-1},"LinkedCard","\u002Fdocs\u002Fcomponents\u002Flinked-card","docs\u002F4.components\u002F9.linked-card",{"id":140,"title":124,"body":141,"description":1218,"extension":1219,"links":1220,"meta":1221,"navigation":234,"path":125,"seo":1222,"sitemap":32,"stem":126,"__hash__":1223},"docs\u002Fdocs\u002F4.components\u002F6.tabs.md",{"type":142,"value":143,"toc":1207},"minimark",[144,148,152,157,169,271,285,289,292,510,606,726,728,732,739,882,906,923,939,941,945,952,1037,1040,1044,1047,1125,1129,1132,1196,1200,1203],[145,146,124],"h1",{"id":147},"tabs",[149,150,151],"p",{},"A component for creating tabbed content sections. Useful for showing multiple code examples, alternative approaches, or organizing related content.",[153,154,156],"h2",{"id":155},"usage","Usage",[149,158,159,160,164,165,168],{},"Create tabs using the ",[161,162,163],"code",{},"::tabs"," and ",[161,166,167],{},"::tabs-item"," components:",[170,171,176],"pre",{"className":172,"code":173,"language":174,"meta":175,"style":175},"language-mdc shiki shiki-themes github-light-default github-dark","::tabs\n  ::tabs-item{label=\"First Tab\"}\n  Content for the first tab.\n  ::\n\n  ::tabs-item{label=\"Second Tab\"}\n  Content for the second tab.\n  ::\n::\n","mdc","",[161,177,178,191,217,223,229,236,254,260,265],{"__ignoreMap":175},[179,180,183,187],"span",{"class":181,"line":182},"line",1,[179,184,186],{"class":185},"s80WL","::",[179,188,190],{"class":189},"s5xbh","tabs\n",[179,192,194,197,200,203,207,210,214],{"class":181,"line":193},2,[179,195,196],{"class":185},"  ::",[179,198,199],{"class":189},"tabs-item",[179,201,202],{"class":185},"{",[179,204,206],{"class":205},"si9m_","label",[179,208,209],{"class":185},"=",[179,211,213],{"class":212},"skyLg","\"First Tab\"",[179,215,216],{"class":185},"}\n",[179,218,220],{"class":181,"line":219},3,[179,221,222],{"class":185},"  Content for the first tab.\n",[179,224,226],{"class":181,"line":225},4,[179,227,228],{"class":185},"  ::\n",[179,230,232],{"class":181,"line":231},5,[179,233,235],{"emptyLinePlaceholder":234},true,"\n",[179,237,239,241,243,245,247,249,252],{"class":181,"line":238},6,[179,240,196],{"class":185},[179,242,199],{"class":189},[179,244,202],{"class":185},[179,246,206],{"class":205},[179,248,209],{"class":185},[179,250,251],{"class":212},"\"Second Tab\"",[179,253,216],{"class":185},[179,255,257],{"class":181,"line":256},7,[179,258,259],{"class":185},"  Content for the second tab.\n",[179,261,263],{"class":181,"line":262},8,[179,264,228],{"class":185},[179,266,268],{"class":181,"line":267},9,[179,269,270],{"class":185},"::\n",[147,272,273,279],{},[199,274,276],{"label":275},"First Tab",[149,277,278],{},"Content for the first tab.",[199,280,282],{"label":281},"Second Tab",[149,283,284],{},"Content for the second tab.",[153,286,288],{"id":287},"code-examples","Code Examples",[149,290,291],{},"Tabs are useful for showing code in different languages or frameworks:",[170,293,295],{"className":172,"code":294,"language":174,"meta":175,"style":175},"::tabs\n  ::tabs-item{label=\"Vue\"}\n  \\`\\`\\`vue\n  \u003Cscript setup>\n  const count = ref(0)\n  \u003C\u002Fscript>\n\n  \u003Ctemplate>\n    \u003Cbutton @click=\"count++\">{{ count }}\u003C\u002Fbutton>\n  \u003C\u002Ftemplate>\n  \\`\\`\\`\n  ::\n\n  ::tabs-item{label=\"React\"}\n  \\`\\`\\`tsx\n  function Counter() {\n    const [count, setCount] = useState(0)\n    return \u003Cbutton onClick={() => setCount(c => c + 1)}>{count}\u003C\u002Fbutton>\n  }\n  \\`\\`\\`\n  ::\n::\n",[161,296,297,303,320,329,343,369,378,382,391,414,423,429,434,439,445,451,457,463,489,495,500,505],{"__ignoreMap":175},[179,298,299,301],{"class":181,"line":182},[179,300,186],{"class":185},[179,302,190],{"class":189},[179,304,305,307,309,311,313,315,318],{"class":181,"line":193},[179,306,196],{"class":185},[179,308,199],{"class":189},[179,310,202],{"class":185},[179,312,206],{"class":205},[179,314,209],{"class":185},[179,316,317],{"class":212},"\"Vue\"",[179,319,216],{"class":185},[179,321,322,326],{"class":181,"line":219},[179,323,325],{"class":324},"s1tTm","  \\`\\`\\`",[179,327,328],{"class":185},"vue\n",[179,330,331,334,337,340],{"class":181,"line":225},[179,332,333],{"class":185},"  \u003C",[179,335,336],{"class":189},"script",[179,338,339],{"class":205}," setup",[179,341,342],{"class":185},">\n",[179,344,345,349,353,356,360,363,366],{"class":181,"line":231},[179,346,348],{"class":347},"spYc3","  const",[179,350,352],{"class":351},"sP1nQ"," count",[179,354,355],{"class":347}," =",[179,357,359],{"class":358},"sE9zF"," ref",[179,361,362],{"class":185},"(",[179,364,365],{"class":351},"0",[179,367,368],{"class":185},")\n",[179,370,371,374,376],{"class":181,"line":238},[179,372,373],{"class":185},"  \u003C\u002F",[179,375,336],{"class":189},[179,377,342],{"class":185},[179,379,380],{"class":181,"line":256},[179,381,235],{"emptyLinePlaceholder":234},[179,383,384,386,389],{"class":181,"line":262},[179,385,333],{"class":185},[179,387,388],{"class":189},"template",[179,390,342],{"class":185},[179,392,393,396,399,402,404,407,410,412],{"class":181,"line":267},[179,394,395],{"class":185},"    \u003C",[179,397,398],{"class":189},"button",[179,400,401],{"class":205}," @click",[179,403,209],{"class":185},[179,405,406],{"class":212},"\"count++\"",[179,408,409],{"class":185},">{{ count }}\u003C\u002F",[179,411,398],{"class":189},[179,413,342],{"class":185},[179,415,417,419,421],{"class":181,"line":416},10,[179,418,373],{"class":185},[179,420,388],{"class":189},[179,422,342],{"class":185},[179,424,426],{"class":181,"line":425},11,[179,427,428],{"class":185},"  \\`\\`\\`\n",[179,430,432],{"class":181,"line":431},12,[179,433,228],{"class":185},[179,435,437],{"class":181,"line":436},13,[179,438,235],{"emptyLinePlaceholder":234},[179,440,442],{"class":181,"line":441},14,[179,443,444],{"class":185},"  ::tabs-item{label=\"React\"}\n",[179,446,448],{"class":181,"line":447},15,[179,449,450],{"class":185},"  \\`\\`\\`tsx\n",[179,452,454],{"class":181,"line":453},16,[179,455,456],{"class":185},"  function Counter() {\n",[179,458,460],{"class":181,"line":459},17,[179,461,462],{"class":185},"    const [count, setCount] = useState(0)\n",[179,464,466,469,471,474,476,479,482,485,487],{"class":181,"line":465},18,[179,467,468],{"class":185},"    return \u003C",[179,470,398],{"class":189},[179,472,473],{"class":205}," onClick",[179,475,209],{"class":185},[179,477,478],{"class":212},"{()",[179,480,355],{"class":481},"sfaGU",[179,483,484],{"class":185},"> setCount(c => c + 1)}>{count}\u003C\u002F",[179,486,398],{"class":189},[179,488,342],{"class":185},[179,490,492],{"class":181,"line":491},19,[179,493,494],{"class":185},"  }\n",[179,496,498],{"class":181,"line":497},20,[179,499,428],{"class":185},[179,501,503],{"class":181,"line":502},21,[179,504,228],{"class":185},[179,506,508],{"class":181,"line":507},22,[179,509,270],{"class":185},[147,511,512],{},[199,513,515],{"label":514},"Vue",[170,516,520],{"className":517,"code":518,"language":519,"meta":175,"style":175},"language-vue shiki shiki-themes github-light-default github-dark","\u003Cscript setup>\nconst count = ref(0)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton @click=\"count++\">\n    {{ count }}\n  \u003C\u002Fbutton>\n\u003C\u002Ftemplate>\n","vue",[161,521,522,533,550,559,563,571,585,590,598],{"__ignoreMap":175},[179,523,524,527,529,531],{"class":181,"line":182},[179,525,526],{"class":185},"\u003C",[179,528,336],{"class":189},[179,530,339],{"class":205},[179,532,342],{"class":185},[179,534,535,538,540,542,544,546,548],{"class":181,"line":193},[179,536,537],{"class":347},"const",[179,539,352],{"class":351},[179,541,355],{"class":347},[179,543,359],{"class":358},[179,545,362],{"class":185},[179,547,365],{"class":351},[179,549,368],{"class":185},[179,551,552,555,557],{"class":181,"line":219},[179,553,554],{"class":185},"\u003C\u002F",[179,556,336],{"class":189},[179,558,342],{"class":185},[179,560,561],{"class":181,"line":225},[179,562,235],{"emptyLinePlaceholder":234},[179,564,565,567,569],{"class":181,"line":231},[179,566,526],{"class":185},[179,568,388],{"class":189},[179,570,342],{"class":185},[179,572,573,575,577,579,581,583],{"class":181,"line":238},[179,574,333],{"class":185},[179,576,398],{"class":189},[179,578,401],{"class":205},[179,580,209],{"class":185},[179,582,406],{"class":212},[179,584,342],{"class":185},[179,586,587],{"class":181,"line":256},[179,588,589],{"class":185},"    {{ count }}\n",[179,591,592,594,596],{"class":181,"line":262},[179,593,373],{"class":185},[179,595,398],{"class":189},[179,597,342],{"class":185},[179,599,600,602,604],{"class":181,"line":267},[179,601,554],{"class":185},[179,603,388],{"class":189},[179,605,342],{"class":185},[199,607,609],{"label":608},"React",[170,610,614],{"className":611,"code":612,"language":613,"meta":175,"style":175},"language-tsx shiki shiki-themes github-light-default github-dark","function Counter() {\n  const [count, setCount] = useState(0)\n  return \u003Cbutton onClick={() => setCount(c => c + 1)}>{count}\u003C\u002Fbutton>\n}\n","tsx",[161,615,616,627,657,722],{"__ignoreMap":175},[179,617,618,621,624],{"class":181,"line":182},[179,619,620],{"class":347},"function",[179,622,623],{"class":358}," Counter",[179,625,626],{"class":185},"() {\n",[179,628,629,631,634,637,640,643,646,648,651,653,655],{"class":181,"line":193},[179,630,348],{"class":347},[179,632,633],{"class":185}," [",[179,635,636],{"class":351},"count",[179,638,639],{"class":185},", ",[179,641,642],{"class":351},"setCount",[179,644,645],{"class":185},"] ",[179,647,209],{"class":347},[179,649,650],{"class":358}," useState",[179,652,362],{"class":185},[179,654,365],{"class":351},[179,656,368],{"class":185},[179,658,659,662,665,667,669,671,674,677,680,683,685,689,692,695,698,701,704,707,710,712,714,716,718,720],{"class":181,"line":219},[179,660,661],{"class":347},"  return",[179,663,664],{"class":185}," \u003C",[179,666,398],{"class":189},[179,668,473],{"class":205},[179,670,209],{"class":347},[179,672,202],{"class":673},"sJmQQ",[179,675,676],{"class":185},"() ",[179,678,679],{"class":347},"=>",[179,681,682],{"class":358}," setCount",[179,684,362],{"class":185},[179,686,688],{"class":687},"su3Ln","c",[179,690,691],{"class":347}," =>",[179,693,694],{"class":185}," c ",[179,696,697],{"class":347},"+",[179,699,700],{"class":351}," 1",[179,702,703],{"class":185},")",[179,705,706],{"class":673},"}",[179,708,709],{"class":185},">",[179,711,202],{"class":673},[179,713,636],{"class":185},[179,715,706],{"class":673},[179,717,554],{"class":185},[179,719,398],{"class":189},[179,721,342],{"class":185},[179,723,724],{"class":181,"line":225},[179,725,216],{"class":185},[149,727,186],{},[153,729,731],{"id":730},"package-manager-example","Package Manager Example",[149,733,734,735,738],{},"Use the ",[161,736,737],{},"sync"," prop to remember the user's choice across tabs:",[170,740,742],{"className":172,"code":741,"language":174,"meta":175,"style":175},"::tabs{sync=\"pm\"}\n  ::tabs-item{label=\"npm\"}\n  \\`\\`\\`bash\n  npm install @pleaseai\u002Fdocs\n  \\`\\`\\`\n  ::\n\n  ::tabs-item{label=\"pnpm\"}\n  \\`\\`\\`bash\n  pnpm add @pleaseai\u002Fdocs\n  \\`\\`\\`\n  ::\n\n  ::tabs-item{label=\"bun\"}\n  \\`\\`\\`bash\n  bun add @pleaseai\u002Fdocs\n  \\`\\`\\`\n  ::\n::\n",[161,743,744,761,778,785,790,794,798,802,819,825,830,834,838,842,859,865,870,874,878],{"__ignoreMap":175},[179,745,746,748,750,752,754,756,759],{"class":181,"line":182},[179,747,186],{"class":185},[179,749,147],{"class":189},[179,751,202],{"class":185},[179,753,737],{"class":205},[179,755,209],{"class":185},[179,757,758],{"class":212},"\"pm\"",[179,760,216],{"class":185},[179,762,763,765,767,769,771,773,776],{"class":181,"line":193},[179,764,196],{"class":185},[179,766,199],{"class":189},[179,768,202],{"class":185},[179,770,206],{"class":205},[179,772,209],{"class":185},[179,774,775],{"class":212},"\"npm\"",[179,777,216],{"class":185},[179,779,780,782],{"class":181,"line":219},[179,781,325],{"class":324},[179,783,784],{"class":185},"bash\n",[179,786,787],{"class":181,"line":225},[179,788,789],{"class":185},"  npm install @pleaseai\u002Fdocs\n",[179,791,792],{"class":181,"line":231},[179,793,428],{"class":324},[179,795,796],{"class":181,"line":238},[179,797,228],{"class":185},[179,799,800],{"class":181,"line":256},[179,801,235],{"emptyLinePlaceholder":234},[179,803,804,806,808,810,812,814,817],{"class":181,"line":262},[179,805,196],{"class":185},[179,807,199],{"class":189},[179,809,202],{"class":185},[179,811,206],{"class":205},[179,813,209],{"class":185},[179,815,816],{"class":212},"\"pnpm\"",[179,818,216],{"class":185},[179,820,821,823],{"class":181,"line":267},[179,822,325],{"class":324},[179,824,784],{"class":185},[179,826,827],{"class":181,"line":416},[179,828,829],{"class":185},"  pnpm add @pleaseai\u002Fdocs\n",[179,831,832],{"class":181,"line":425},[179,833,428],{"class":324},[179,835,836],{"class":181,"line":431},[179,837,228],{"class":185},[179,839,840],{"class":181,"line":436},[179,841,235],{"emptyLinePlaceholder":234},[179,843,844,846,848,850,852,854,857],{"class":181,"line":441},[179,845,196],{"class":185},[179,847,199],{"class":189},[179,849,202],{"class":185},[179,851,206],{"class":205},[179,853,209],{"class":185},[179,855,856],{"class":212},"\"bun\"",[179,858,216],{"class":185},[179,860,861,863],{"class":181,"line":447},[179,862,325],{"class":324},[179,864,784],{"class":185},[179,866,867],{"class":181,"line":453},[179,868,869],{"class":185},"  bun add @pleaseai\u002Fdocs\n",[179,871,872],{"class":181,"line":459},[179,873,428],{"class":324},[179,875,876],{"class":181,"line":465},[179,877,228],{"class":185},[179,879,880],{"class":181,"line":491},[179,881,270],{"class":185},[147,883,885],{"sync":884},"pm",[199,886,888],{"label":887},"npm",[170,889,893],{"className":890,"code":891,"language":892,"meta":175,"style":175},"language-bash shiki shiki-themes github-light-default github-dark","npm install @pleaseai\u002Fdocs\n","bash",[161,894,895],{"__ignoreMap":175},[179,896,897,900,903],{"class":181,"line":182},[179,898,887],{"class":899},"sOk-n",[179,901,902],{"class":212}," install",[179,904,905],{"class":212}," @pleaseai\u002Fdocs\n",[199,907,909],{"label":908},"pnpm",[170,910,912],{"className":890,"code":911,"language":892,"meta":175,"style":175},"pnpm add @pleaseai\u002Fdocs\n",[161,913,914],{"__ignoreMap":175},[179,915,916,918,921],{"class":181,"line":182},[179,917,908],{"class":899},[179,919,920],{"class":212}," add",[179,922,905],{"class":212},[199,924,926],{"label":925},"bun",[170,927,929],{"className":890,"code":928,"language":892,"meta":175,"style":175},"bun add @pleaseai\u002Fdocs\n",[161,930,931],{"__ignoreMap":175},[179,932,933,935,937],{"class":181,"line":182},[179,934,925],{"class":899},[179,936,920],{"class":212},[179,938,905],{"class":212},[149,940,186],{},[153,942,944],{"id":943},"with-icons","With Icons",[149,946,947,948,951],{},"Add icons to tab triggers using the ",[161,949,950],{},"icon"," prop:",[170,953,955],{"className":172,"code":954,"language":174,"meta":175,"style":175},"::tabs\n  ::tabs-item{label=\"Vue\" icon=\"i-logos-vue\"}\n  Vue content here.\n  ::\n\n  ::tabs-item{label=\"React\" icon=\"i-logos-react\"}\n  React content here.\n  ::\n::\n",[161,956,957,963,987,992,996,1000,1024,1029,1033],{"__ignoreMap":175},[179,958,959,961],{"class":181,"line":182},[179,960,186],{"class":185},[179,962,190],{"class":189},[179,964,965,967,969,971,973,975,977,980,982,985],{"class":181,"line":193},[179,966,196],{"class":185},[179,968,199],{"class":189},[179,970,202],{"class":185},[179,972,206],{"class":205},[179,974,209],{"class":185},[179,976,317],{"class":212},[179,978,979],{"class":205}," icon",[179,981,209],{"class":185},[179,983,984],{"class":212},"\"i-logos-vue\"",[179,986,216],{"class":185},[179,988,989],{"class":181,"line":219},[179,990,991],{"class":185},"  Vue content here.\n",[179,993,994],{"class":181,"line":225},[179,995,228],{"class":185},[179,997,998],{"class":181,"line":231},[179,999,235],{"emptyLinePlaceholder":234},[179,1001,1002,1004,1006,1008,1010,1012,1015,1017,1019,1022],{"class":181,"line":238},[179,1003,196],{"class":185},[179,1005,199],{"class":189},[179,1007,202],{"class":185},[179,1009,206],{"class":205},[179,1011,209],{"class":185},[179,1013,1014],{"class":212},"\"React\"",[179,1016,979],{"class":205},[179,1018,209],{"class":185},[179,1020,1021],{"class":212},"\"i-logos-react\"",[179,1023,216],{"class":185},[179,1025,1026],{"class":181,"line":256},[179,1027,1028],{"class":185},"  React content here.\n",[179,1030,1031],{"class":181,"line":262},[179,1032,228],{"class":185},[179,1034,1035],{"class":181,"line":267},[179,1036,270],{"class":185},[153,1038,74],{"id":1039},"components",[1041,1042,124],"h3",{"id":1043},"tabs-1",[149,1045,1046],{},"The root container for the tab system.",[1048,1049,1050,1069],"table",{},[1051,1052,1053],"thead",{},[1054,1055,1056,1060,1063,1066],"tr",{},[1057,1058,1059],"th",{},"Prop",[1057,1061,1062],{},"Type",[1057,1064,1065],{},"Default",[1057,1067,1068],{},"Description",[1070,1071,1072,1092,1109],"tbody",{},[1054,1073,1074,1080,1085,1089],{},[1075,1076,1077],"td",{},[161,1078,1079],{},"defaultIndex",[1075,1081,1082],{},[161,1083,1084],{},"number",[1075,1086,1087],{},[161,1088,365],{},[1075,1090,1091],{},"Initially active tab index (0-based)",[1054,1093,1094,1098,1103,1106],{},[1075,1095,1096],{},[161,1097,737],{},[1075,1099,1100],{},[161,1101,1102],{},"string",[1075,1104,1105],{},"-",[1075,1107,1108],{},"Sync tab selection across tabs with this key via localStorage",[1054,1110,1111,1116,1120,1122],{},[1075,1112,1113],{},[161,1114,1115],{},"class",[1075,1117,1118],{},[161,1119,1102],{},[1075,1121,1105],{},[1075,1123,1124],{},"Additional CSS classes",[1041,1126,1128],{"id":1127},"tabsitem","TabsItem",[149,1130,1131],{},"Individual tab content panel with its trigger label.",[1048,1133,1134,1146],{},[1051,1135,1136],{},[1054,1137,1138,1140,1142,1144],{},[1057,1139,1059],{},[1057,1141,1062],{},[1057,1143,1065],{},[1057,1145,1068],{},[1070,1147,1148,1167,1182],{},[1054,1149,1150,1154,1158,1164],{},[1075,1151,1152],{},[161,1153,206],{},[1075,1155,1156],{},[161,1157,1102],{},[1075,1159,1160],{},[1161,1162,1163],"strong",{},"required",[1075,1165,1166],{},"The label displayed in the tab trigger",[1054,1168,1169,1173,1177,1179],{},[1075,1170,1171],{},[161,1172,950],{},[1075,1174,1175],{},[161,1176,1102],{},[1075,1178,1105],{},[1075,1180,1181],{},"Optional icon name for the tab",[1054,1183,1184,1188,1192,1194],{},[1075,1185,1186],{},[161,1187,1115],{},[1075,1189,1190],{},[161,1191,1102],{},[1075,1193,1105],{},[1075,1195,1124],{},[153,1197,1199],{"id":1198},"styling","Styling",[149,1201,1202],{},"The tabs component uses an underline style for the active tab indicator. Active tabs show a primary-colored bottom border with smooth transitions on hover and selection.",[1204,1205,1206],"style",{},"html pre.shiki code .s80WL, html code.shiki .s80WL{--shiki-light:#1F2328;--shiki-dark:#E1E4E8}html pre.shiki code .s5xbh, html code.shiki .s5xbh{--shiki-light:#116329;--shiki-dark:#85E89D}html pre.shiki code .si9m_, html code.shiki .si9m_{--shiki-light:#0550AE;--shiki-dark:#B392F0}html pre.shiki code .skyLg, html code.shiki .skyLg{--shiki-light:#0A3069;--shiki-dark:#9ECBFF}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 .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 .s1tTm, html code.shiki .s1tTm{--shiki-light:#CF222E;--shiki-dark:#79B8FF}html pre.shiki code .spYc3, html code.shiki .spYc3{--shiki-light:#CF222E;--shiki-dark:#F97583}html pre.shiki code .sP1nQ, html code.shiki .sP1nQ{--shiki-light:#0550AE;--shiki-dark:#79B8FF}html pre.shiki code .sE9zF, html code.shiki .sE9zF{--shiki-light:#8250DF;--shiki-dark:#B392F0}html pre.shiki code .sfaGU, html code.shiki .sfaGU{--shiki-light:#82071E;--shiki-light-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic}html pre.shiki code .sJmQQ, html code.shiki .sJmQQ{--shiki-light:#CF222E;--shiki-dark:#E1E4E8}html pre.shiki code .su3Ln, html code.shiki .su3Ln{--shiki-light:#953800;--shiki-dark:#FFAB70}html pre.shiki code .sOk-n, html code.shiki .sOk-n{--shiki-light:#953800;--shiki-dark:#B392F0}",{"title":175,"searchDepth":193,"depth":193,"links":1208},[1209,1210,1211,1212,1213,1217],{"id":155,"depth":193,"text":156},{"id":287,"depth":193,"text":288},{"id":730,"depth":193,"text":731},{"id":943,"depth":193,"text":944},{"id":1039,"depth":193,"text":74,"children":1214},[1215,1216],{"id":1043,"depth":219,"text":124},{"id":1127,"depth":219,"text":1128},{"id":1198,"depth":193,"text":1199},"Tabbed content sections for organizing related content","md",null,{},{"title":124,"description":1218},"d6YvAR4OVFxlWAIySWeUnfNM20iZti6nqiCw5H7THVg",[1225,1226],{"title":120,"path":121,"stem":122,"children":-1},{"title":128,"path":129,"stem":130,"children":-1},1783249036540]