[{"data":1,"prerenderedAt":1048},["ShallowReactive",2],{"navigation":3,"/components/tabs":117,"/components/tabs-surround":1043},[4,11,98],{"title":5,"path":6,"stem":7,"children":8,"icon":10},"Introduction","/getting-started","1.getting-started/1.index",[9],{"title":5,"path":6,"stem":7,"icon":10},"i-lucide-house",{"title":12,"path":13,"stem":14,"children":15,"icon":17},"Component Catalog","/components","2.components/01.index",[16,18,22,26,30,34,38,42,46,50,54,58,62,66,70,74,78,82,86,90,94],{"title":12,"path":13,"stem":14,"icon":17},"i-lucide-layout-grid",{"title":19,"path":20,"stem":21},"Text","/components/text","2.components/02.text",{"title":23,"path":24,"stem":25},"Button","/components/button","2.components/03.button",{"title":27,"path":28,"stem":29},"Slider","/components/slider","2.components/04.slider",{"title":31,"path":32,"stem":33},"ChoicePicker","/components/choicepicker","2.components/05.choicepicker",{"title":35,"path":36,"stem":37},"Modal","/components/modal","2.components/06.modal",{"title":39,"path":40,"stem":41},"DateTimeInput","/components/datetimeinput","2.components/07.datetimeinput",{"title":43,"path":44,"stem":45},"Image","/components/image","2.components/08.image",{"title":47,"path":48,"stem":49},"Icon","/components/icon","2.components/09.icon",{"title":51,"path":52,"stem":53},"Video","/components/video","2.components/10.video",{"title":55,"path":56,"stem":57},"AudioPlayer","/components/audioplayer","2.components/11.audioplayer",{"title":59,"path":60,"stem":61},"Row","/components/row","2.components/12.row",{"title":63,"path":64,"stem":65},"Column","/components/column","2.components/13.column",{"title":67,"path":68,"stem":69},"List","/components/list","2.components/14.list",{"title":71,"path":72,"stem":73},"Card","/components/card","2.components/15.card",{"title":75,"path":76,"stem":77},"Tabs","/components/tabs","2.components/16.tabs",{"title":79,"path":80,"stem":81},"Divider","/components/divider","2.components/17.divider",{"title":83,"path":84,"stem":85},"TextField","/components/textfield","2.components/18.textfield",{"title":87,"path":88,"stem":89},"CheckBox","/components/checkbox","2.components/19.checkbox",{"title":91,"path":92,"stem":93},"Slideover","/components/slideover","2.components/20.slideover",{"title":95,"path":96,"stem":97},"Table","/components/table","2.components/21.table",{"title":99,"path":100,"stem":101,"children":102,"icon":104},"Recipes","/recipes","3.recipes/01.index",[103,105,109,113],{"title":99,"path":100,"stem":101,"icon":104},"i-lucide-chef-hat",{"title":106,"path":107,"stem":108},"Booking Receipt","/recipes/booking-receipt","3.recipes/02.booking-receipt",{"title":110,"path":111,"stem":112},"Establishment Detail","/recipes/establishment-detail","3.recipes/03.establishment-detail",{"title":114,"path":115,"stem":116},"Booking History","/recipes/booking-history","3.recipes/04.booking-history",{"id":118,"title":75,"body":119,"description":1036,"extension":1037,"links":1038,"meta":1039,"navigation":1040,"path":76,"seo":1041,"stem":77,"__hash__":1042},"docs/2.components/16.tabs.md",{"type":120,"value":121,"toc":1029},"minimark",[122,127,181,185,904,908,985,989,1011,1015,1025],[123,124,126],"h2",{"id":125},"a2ui-nuxt-ui-mapping","A2UI → Nuxt UI Mapping",[128,129,130,143],"table",{},[131,132,133],"thead",{},[134,135,136,140],"tr",{},[137,138,139],"th",{},"A2UI Property",[137,141,142],{},"Nuxt UI Result",[144,145,146,161,171],"tbody",{},[134,147,148,155],{},[149,150,151],"td",{},[152,153,154],"code",{},"tabItems",[149,156,157,160],{},[152,158,159],{},"UTabs"," items array",[134,162,163,168],{},[149,164,165],{},[152,166,167],{},"tabItems[].title",[149,169,170],{},"Tab label",[134,172,173,178],{},[149,174,175],{},[152,176,177],{},"tabItems[].child",[149,179,180],{},"Content rendered when tab is selected",[123,182,184],{"id":183},"example-jsonl","Example JSONL",[186,187,192],"pre",{"className":188,"code":189,"language":190,"meta":191,"style":191},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\"version\":\"v0.10\",\"createSurface\":{\"surfaceId\":\"tabs_demo\",\"catalogId\":\"standard\"}}\n{\"version\":\"v0.10\",\"updateComponents\":{\"surfaceId\":\"tabs_demo\",\"components\":[\n  {\"id\":\"root\",\"component\":\"Column\",\"children\":[\"tabs1\"]},\n  {\"id\":\"tabs1\",\"component\":\"Tabs\",\"tabItems\":[\n    {\"title\":\"Overview\",\"child\":\"overview_content\"},\n    {\"title\":\"Settings\",\"child\":\"settings_content\"},\n    {\"title\":\"About\",\"child\":\"about_content\"}\n  ]},\n  {\"id\":\"overview_content\",\"component\":\"Text\",\"text\":\"Welcome to the overview tab.\"},\n  {\"id\":\"settings_content\",\"component\":\"Column\",\"children\":[\"toggle\",\"slider\"]},\n  {\"id\":\"toggle\",\"component\":\"CheckBox\",\"label\":\"Enable notifications\",\"value\":true},\n  {\"id\":\"slider\",\"component\":\"Slider\",\"label\":\"Volume\",\"value\":50,\"min\":0,\"max\":100},\n  {\"id\":\"about_content\",\"component\":\"Text\",\"text\":\"Version 1.0.0 — Built with A2NUI.\"}\n]}}\n","json","",[152,193,194,274,330,392,437,481,520,560,566,621,684,749,844,898],{"__ignoreMap":191},[195,196,199,203,206,210,212,215,217,221,223,226,228,231,233,236,238,242,244,246,248,251,253,255,257,260,262,264,266,269,271],"span",{"class":197,"line":198},"line",1,[195,200,202],{"class":201},"sMK4o","{",[195,204,205],{"class":201},"\"",[195,207,209],{"class":208},"spNyl","version",[195,211,205],{"class":201},[195,213,214],{"class":201},":",[195,216,205],{"class":201},[195,218,220],{"class":219},"sfazB","v0.10",[195,222,205],{"class":201},[195,224,225],{"class":201},",",[195,227,205],{"class":201},[195,229,230],{"class":208},"createSurface",[195,232,205],{"class":201},[195,234,235],{"class":201},":{",[195,237,205],{"class":201},[195,239,241],{"class":240},"sBMFI","surfaceId",[195,243,205],{"class":201},[195,245,214],{"class":201},[195,247,205],{"class":201},[195,249,250],{"class":219},"tabs_demo",[195,252,205],{"class":201},[195,254,225],{"class":201},[195,256,205],{"class":201},[195,258,259],{"class":240},"catalogId",[195,261,205],{"class":201},[195,263,214],{"class":201},[195,265,205],{"class":201},[195,267,268],{"class":219},"standard",[195,270,205],{"class":201},[195,272,273],{"class":201},"}}\n",[195,275,277,279,281,283,285,287,289,291,293,295,297,300,302,304,306,308,310,312,314,316,318,320,322,325,327],{"class":197,"line":276},2,[195,278,202],{"class":201},[195,280,205],{"class":201},[195,282,209],{"class":208},[195,284,205],{"class":201},[195,286,214],{"class":201},[195,288,205],{"class":201},[195,290,220],{"class":219},[195,292,205],{"class":201},[195,294,225],{"class":201},[195,296,205],{"class":201},[195,298,299],{"class":208},"updateComponents",[195,301,205],{"class":201},[195,303,235],{"class":201},[195,305,205],{"class":201},[195,307,241],{"class":240},[195,309,205],{"class":201},[195,311,214],{"class":201},[195,313,205],{"class":201},[195,315,250],{"class":219},[195,317,205],{"class":201},[195,319,225],{"class":201},[195,321,205],{"class":201},[195,323,324],{"class":240},"components",[195,326,205],{"class":201},[195,328,329],{"class":201},":[\n",[195,331,333,336,338,342,344,346,348,351,353,355,357,360,362,364,366,368,370,372,374,377,379,382,384,387,389],{"class":197,"line":332},3,[195,334,335],{"class":201},"  {",[195,337,205],{"class":201},[195,339,341],{"class":340},"sbssI","id",[195,343,205],{"class":201},[195,345,214],{"class":201},[195,347,205],{"class":201},[195,349,350],{"class":219},"root",[195,352,205],{"class":201},[195,354,225],{"class":201},[195,356,205],{"class":201},[195,358,359],{"class":340},"component",[195,361,205],{"class":201},[195,363,214],{"class":201},[195,365,205],{"class":201},[195,367,63],{"class":219},[195,369,205],{"class":201},[195,371,225],{"class":201},[195,373,205],{"class":201},[195,375,376],{"class":340},"children",[195,378,205],{"class":201},[195,380,381],{"class":201},":[",[195,383,205],{"class":201},[195,385,386],{"class":219},"tabs1",[195,388,205],{"class":201},[195,390,391],{"class":201},"]},\n",[195,393,395,397,399,401,403,405,407,409,411,413,415,417,419,421,423,425,427,429,431,433,435],{"class":197,"line":394},4,[195,396,335],{"class":201},[195,398,205],{"class":201},[195,400,341],{"class":340},[195,402,205],{"class":201},[195,404,214],{"class":201},[195,406,205],{"class":201},[195,408,386],{"class":219},[195,410,205],{"class":201},[195,412,225],{"class":201},[195,414,205],{"class":201},[195,416,359],{"class":340},[195,418,205],{"class":201},[195,420,214],{"class":201},[195,422,205],{"class":201},[195,424,75],{"class":219},[195,426,205],{"class":201},[195,428,225],{"class":201},[195,430,205],{"class":201},[195,432,154],{"class":340},[195,434,205],{"class":201},[195,436,329],{"class":201},[195,438,440,443,445,449,451,453,455,458,460,462,464,467,469,471,473,476,478],{"class":197,"line":439},5,[195,441,442],{"class":201},"    {",[195,444,205],{"class":201},[195,446,448],{"class":447},"swJcz","title",[195,450,205],{"class":201},[195,452,214],{"class":201},[195,454,205],{"class":201},[195,456,457],{"class":219},"Overview",[195,459,205],{"class":201},[195,461,225],{"class":201},[195,463,205],{"class":201},[195,465,466],{"class":447},"child",[195,468,205],{"class":201},[195,470,214],{"class":201},[195,472,205],{"class":201},[195,474,475],{"class":219},"overview_content",[195,477,205],{"class":201},[195,479,480],{"class":201},"},\n",[195,482,484,486,488,490,492,494,496,499,501,503,505,507,509,511,513,516,518],{"class":197,"line":483},6,[195,485,442],{"class":201},[195,487,205],{"class":201},[195,489,448],{"class":447},[195,491,205],{"class":201},[195,493,214],{"class":201},[195,495,205],{"class":201},[195,497,498],{"class":219},"Settings",[195,500,205],{"class":201},[195,502,225],{"class":201},[195,504,205],{"class":201},[195,506,466],{"class":447},[195,508,205],{"class":201},[195,510,214],{"class":201},[195,512,205],{"class":201},[195,514,515],{"class":219},"settings_content",[195,517,205],{"class":201},[195,519,480],{"class":201},[195,521,523,525,527,529,531,533,535,538,540,542,544,546,548,550,552,555,557],{"class":197,"line":522},7,[195,524,442],{"class":201},[195,526,205],{"class":201},[195,528,448],{"class":447},[195,530,205],{"class":201},[195,532,214],{"class":201},[195,534,205],{"class":201},[195,536,537],{"class":219},"About",[195,539,205],{"class":201},[195,541,225],{"class":201},[195,543,205],{"class":201},[195,545,466],{"class":447},[195,547,205],{"class":201},[195,549,214],{"class":201},[195,551,205],{"class":201},[195,553,554],{"class":219},"about_content",[195,556,205],{"class":201},[195,558,559],{"class":201},"}\n",[195,561,563],{"class":197,"line":562},8,[195,564,565],{"class":201},"  ]},\n",[195,567,569,571,573,575,577,579,581,583,585,587,589,591,593,595,597,599,601,603,605,608,610,612,614,617,619],{"class":197,"line":568},9,[195,570,335],{"class":201},[195,572,205],{"class":201},[195,574,341],{"class":340},[195,576,205],{"class":201},[195,578,214],{"class":201},[195,580,205],{"class":201},[195,582,475],{"class":219},[195,584,205],{"class":201},[195,586,225],{"class":201},[195,588,205],{"class":201},[195,590,359],{"class":340},[195,592,205],{"class":201},[195,594,214],{"class":201},[195,596,205],{"class":201},[195,598,19],{"class":219},[195,600,205],{"class":201},[195,602,225],{"class":201},[195,604,205],{"class":201},[195,606,607],{"class":340},"text",[195,609,205],{"class":201},[195,611,214],{"class":201},[195,613,205],{"class":201},[195,615,616],{"class":219},"Welcome to the overview tab.",[195,618,205],{"class":201},[195,620,480],{"class":201},[195,622,624,626,628,630,632,634,636,638,640,642,644,646,648,650,652,654,656,658,660,662,664,666,668,671,673,675,677,680,682],{"class":197,"line":623},10,[195,625,335],{"class":201},[195,627,205],{"class":201},[195,629,341],{"class":340},[195,631,205],{"class":201},[195,633,214],{"class":201},[195,635,205],{"class":201},[195,637,515],{"class":219},[195,639,205],{"class":201},[195,641,225],{"class":201},[195,643,205],{"class":201},[195,645,359],{"class":340},[195,647,205],{"class":201},[195,649,214],{"class":201},[195,651,205],{"class":201},[195,653,63],{"class":219},[195,655,205],{"class":201},[195,657,225],{"class":201},[195,659,205],{"class":201},[195,661,376],{"class":340},[195,663,205],{"class":201},[195,665,381],{"class":201},[195,667,205],{"class":201},[195,669,670],{"class":219},"toggle",[195,672,205],{"class":201},[195,674,225],{"class":201},[195,676,205],{"class":201},[195,678,679],{"class":219},"slider",[195,681,205],{"class":201},[195,683,391],{"class":201},[195,685,687,689,691,693,695,697,699,701,703,705,707,709,711,713,715,717,719,721,723,726,728,730,732,735,737,739,741,744,746],{"class":197,"line":686},11,[195,688,335],{"class":201},[195,690,205],{"class":201},[195,692,341],{"class":340},[195,694,205],{"class":201},[195,696,214],{"class":201},[195,698,205],{"class":201},[195,700,670],{"class":219},[195,702,205],{"class":201},[195,704,225],{"class":201},[195,706,205],{"class":201},[195,708,359],{"class":340},[195,710,205],{"class":201},[195,712,214],{"class":201},[195,714,205],{"class":201},[195,716,87],{"class":219},[195,718,205],{"class":201},[195,720,225],{"class":201},[195,722,205],{"class":201},[195,724,725],{"class":340},"label",[195,727,205],{"class":201},[195,729,214],{"class":201},[195,731,205],{"class":201},[195,733,734],{"class":219},"Enable notifications",[195,736,205],{"class":201},[195,738,225],{"class":201},[195,740,205],{"class":201},[195,742,743],{"class":340},"value",[195,745,205],{"class":201},[195,747,748],{"class":201},":true},\n",[195,750,752,754,756,758,760,762,764,766,768,770,772,774,776,778,780,782,784,786,788,790,792,794,796,799,801,803,805,807,809,811,814,816,818,821,823,825,828,830,832,835,837,839,842],{"class":197,"line":751},12,[195,753,335],{"class":201},[195,755,205],{"class":201},[195,757,341],{"class":340},[195,759,205],{"class":201},[195,761,214],{"class":201},[195,763,205],{"class":201},[195,765,679],{"class":219},[195,767,205],{"class":201},[195,769,225],{"class":201},[195,771,205],{"class":201},[195,773,359],{"class":340},[195,775,205],{"class":201},[195,777,214],{"class":201},[195,779,205],{"class":201},[195,781,27],{"class":219},[195,783,205],{"class":201},[195,785,225],{"class":201},[195,787,205],{"class":201},[195,789,725],{"class":340},[195,791,205],{"class":201},[195,793,214],{"class":201},[195,795,205],{"class":201},[195,797,798],{"class":219},"Volume",[195,800,205],{"class":201},[195,802,225],{"class":201},[195,804,205],{"class":201},[195,806,743],{"class":340},[195,808,205],{"class":201},[195,810,214],{"class":201},[195,812,813],{"class":340},"50",[195,815,225],{"class":201},[195,817,205],{"class":201},[195,819,820],{"class":340},"min",[195,822,205],{"class":201},[195,824,214],{"class":201},[195,826,827],{"class":340},"0",[195,829,225],{"class":201},[195,831,205],{"class":201},[195,833,834],{"class":340},"max",[195,836,205],{"class":201},[195,838,214],{"class":201},[195,840,841],{"class":340},"100",[195,843,480],{"class":201},[195,845,847,849,851,853,855,857,859,861,863,865,867,869,871,873,875,877,879,881,883,885,887,889,891,894,896],{"class":197,"line":846},13,[195,848,335],{"class":201},[195,850,205],{"class":201},[195,852,341],{"class":340},[195,854,205],{"class":201},[195,856,214],{"class":201},[195,858,205],{"class":201},[195,860,554],{"class":219},[195,862,205],{"class":201},[195,864,225],{"class":201},[195,866,205],{"class":201},[195,868,359],{"class":340},[195,870,205],{"class":201},[195,872,214],{"class":201},[195,874,205],{"class":201},[195,876,19],{"class":219},[195,878,205],{"class":201},[195,880,225],{"class":201},[195,882,205],{"class":201},[195,884,607],{"class":340},[195,886,205],{"class":201},[195,888,214],{"class":201},[195,890,205],{"class":201},[195,892,893],{"class":219},"Version 1.0.0 — Built with A2NUI.",[195,895,205],{"class":201},[195,897,559],{"class":201},[195,899,901],{"class":197,"line":900},14,[195,902,903],{"class":201},"]}}\n",[123,905,907],{"id":906},"properties","Properties",[128,909,910,929],{},[131,911,912],{},[134,913,914,917,920,923,926],{},[137,915,916],{},"Property",[137,918,919],{},"Type",[137,921,922],{},"Required",[137,924,925],{},"Default",[137,927,928],{},"Description",[144,930,931,953,969],{},[134,932,933,937,940,943,946],{},[149,934,935],{},[152,936,154],{},[149,938,939],{},"array",[149,941,942],{},"✅",[149,944,945],{},"—",[149,947,948,949,952],{},"Array of ",[152,950,951],{},"{ title, child }"," objects",[134,954,955,959,962,964,966],{},[149,956,957],{},[152,958,167],{},[149,960,961],{},"string",[149,963,942],{},[149,965,945],{},[149,967,968],{},"Tab label text",[134,970,971,975,978,980,982],{},[149,972,973],{},[152,974,177],{},[149,976,977],{},"ComponentId",[149,979,942],{},[149,981,945],{},[149,983,984],{},"ID of component to render for this tab",[123,986,988],{"id":987},"rendering-details","Rendering Details",[990,991,992,999,1005,1008],"ul",{},[993,994,995,996,998],"li",{},"Maps to Nuxt UI's ",[152,997,159],{}," component",[993,1000,1001,1002],{},"Tab content renders dynamically using ",[152,1003,1004],{},"A2uiNode",[993,1006,1007],{},"Only the selected tab's content is rendered at a time",[993,1009,1010],{},"Tab items can reference any component type as their content",[123,1012,1014],{"id":1013},"try-it","Try It",[1016,1017,1018,1019,1024],"p",{},"Copy the JSONL above and paste it in the ",[1020,1021,1023],"a",{"href":1022},"/playground","Playground"," Paste tab.",[1026,1027,1028],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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);}",{"title":191,"searchDepth":198,"depth":276,"links":1030},[1031,1032,1033,1034,1035],{"id":125,"depth":276,"text":126},{"id":183,"depth":276,"text":184},{"id":906,"depth":276,"text":907},{"id":987,"depth":276,"text":988},{"id":1013,"depth":276,"text":1014},"Tabbed container with dynamic child content per tab.","md",null,{},true,{"title":75,"description":1036},"fygVHFkBdpTZ4mMk7CvLxCjoTZEDkm4MwVp0Hhp_FjA",[1044,1046],{"title":71,"path":72,"stem":73,"description":1045,"children":-1},"Content container with optional title header.",{"title":79,"path":80,"stem":81,"description":1047,"children":-1},"Visual separator between sections.",1771187321366]