[{"data":1,"prerenderedAt":1857},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Ftoggle-group":207,"\u002Fcomponents\u002Ftoggle-group-surround":1852},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,61,66,71,76,81,86,91,96,101,106,111,115,120,125,130,135,140,145,150,155,160,165,170,175,180,184,188,193,197,202],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":62,"path":63,"stem":64,"icon":65},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":67,"path":68,"stem":69,"icon":70},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":72,"path":73,"stem":74,"icon":75},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":77,"path":78,"stem":79,"icon":80},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":82,"path":83,"stem":84,"icon":85},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":87,"path":88,"stem":89,"icon":90},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":92,"path":93,"stem":94,"icon":95},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":97,"path":98,"stem":99,"icon":100},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":102,"path":103,"stem":104,"icon":105},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":107,"path":108,"stem":109,"icon":110},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":112,"path":113,"stem":114,"icon":95},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":116,"path":117,"stem":118,"icon":119},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":121,"path":122,"stem":123,"icon":124},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":126,"path":127,"stem":128,"icon":129},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":131,"path":132,"stem":133,"icon":134},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"title":136,"path":137,"stem":138,"icon":139},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":141,"path":142,"stem":143,"icon":144},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":146,"path":147,"stem":148,"icon":149},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":151,"path":152,"stem":153,"icon":154},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":156,"path":157,"stem":158,"icon":159},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":161,"path":162,"stem":163,"icon":164},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":166,"path":167,"stem":168,"icon":169},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":171,"path":172,"stem":173,"icon":174},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":176,"path":177,"stem":178,"icon":179},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":181,"path":182,"stem":183,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":185,"path":186,"stem":187,"icon":149},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":189,"path":190,"stem":191,"icon":192},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":194,"path":195,"stem":196,"icon":65},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":198,"path":199,"stem":200,"icon":201},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":203,"path":204,"stem":205,"icon":206},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"id":208,"title":194,"body":209,"description":1845,"extension":1846,"links":1847,"meta":1848,"navigation":1849,"path":195,"seo":1850,"stem":196,"__hash__":1851},"docs\u002F2.components\u002Ftoggle-group.md",{"type":210,"value":211,"toc":1826},"minimark",[212,220,227,232,245,256,259,265,635,639,644,655,750,754,764,853,857,860,1029,1033,1039,1102,1106,1113,1184,1188,1192,1510,1514,1549,1553,1599,1603,1663,1667,1763,1770,1774,1822],[213,214,215,219],"p",{},[216,217,218],"code",{},"ToggleGroup"," manages a set of pressed buttons. It supports single or multiple selection, roving focus, form hidden values, item slots, and cancelable changes.",[213,221,222,223,226],{},"Use it for segmented controls, toolbars, and mutually exclusive or multi-select button groups. Use ",[224,225,62],"a",{"href":63}," when the choices are form-like checkboxes with labels and descriptions.",[228,229,231],"h2",{"id":230},"anatomy","Anatomy",[233,234,235],"ul",{},[236,237,238,244],"li",{},[239,240,241],"strong",{},[216,242,243],{},"#item",": Content inside each generated toggle button.",[213,246,247,248,251,252,255],{},"The group, hidden inputs, and buttons are generated by the component. The component owns ",[216,249,250],{},"aria-pressed",", roving focus, and keyboard behavior; use ",[216,253,254],{},"ui.item"," for button styling.",[228,257,23],{"id":258},"usage",[260,261,262],"component-preview",{},[263,264],"examples-toggle-group-demo",{},[266,267,268],"component-code",{},[269,270,275],"pre",{"className":271,"code":272,"language":273,"meta":274,"style":274},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport type { ToggleGroupModel } from \"akaza-ui\";\nimport { ToggleGroup } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst value = ref\u003CToggleGroupModel>(\"center\");\nconst options = [\n  { value: \"left\", label: \"Left\" },\n  { value: \"center\", label: \"Center\" },\n  { value: \"right\", label: \"Right\" },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CToggleGroup v-model=\"value\" :options=\"options\" :allow-empty=\"false\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[216,276,277,312,346,368,390,397,435,448,485,515,546,554,564,569,579,626],{"__ignoreMap":274},[278,279,282,286,290,294,297,300,303,307,309],"span",{"class":280,"line":281},"line",1,[278,283,285],{"class":284},"sMK4o","\u003C",[278,287,289],{"class":288},"swJcz","script",[278,291,293],{"class":292},"spNyl"," setup",[278,295,296],{"class":292}," lang",[278,298,299],{"class":284},"=",[278,301,302],{"class":284},"\"",[278,304,306],{"class":305},"sfazB","ts",[278,308,302],{"class":284},[278,310,311],{"class":284},">\n",[278,313,315,319,322,325,329,332,335,338,341,343],{"class":280,"line":314},2,[278,316,318],{"class":317},"s7zQu","import",[278,320,321],{"class":317}," type",[278,323,324],{"class":284}," {",[278,326,328],{"class":327},"sTEyZ"," ToggleGroupModel",[278,330,331],{"class":284}," }",[278,333,334],{"class":317}," from",[278,336,337],{"class":284}," \"",[278,339,340],{"class":305},"akaza-ui",[278,342,302],{"class":284},[278,344,345],{"class":284},";\n",[278,347,349,351,353,356,358,360,362,364,366],{"class":280,"line":348},3,[278,350,318],{"class":317},[278,352,324],{"class":284},[278,354,355],{"class":327}," ToggleGroup",[278,357,331],{"class":284},[278,359,334],{"class":317},[278,361,337],{"class":284},[278,363,340],{"class":305},[278,365,302],{"class":284},[278,367,345],{"class":284},[278,369,371,373,375,378,380,382,384,386,388],{"class":280,"line":370},4,[278,372,318],{"class":317},[278,374,324],{"class":284},[278,376,377],{"class":327}," ref",[278,379,331],{"class":284},[278,381,334],{"class":317},[278,383,337],{"class":284},[278,385,273],{"class":305},[278,387,302],{"class":284},[278,389,345],{"class":284},[278,391,393],{"class":280,"line":392},5,[278,394,396],{"emptyLinePlaceholder":395},true,"\n",[278,398,400,403,406,408,411,413,417,420,423,425,428,430,433],{"class":280,"line":399},6,[278,401,402],{"class":292},"const",[278,404,405],{"class":327}," value ",[278,407,299],{"class":284},[278,409,377],{"class":410},"s2Zo4",[278,412,285],{"class":284},[278,414,416],{"class":415},"sBMFI","ToggleGroupModel",[278,418,419],{"class":284},">",[278,421,422],{"class":327},"(",[278,424,302],{"class":284},[278,426,427],{"class":305},"center",[278,429,302],{"class":284},[278,431,432],{"class":327},")",[278,434,345],{"class":284},[278,436,438,440,443,445],{"class":280,"line":437},7,[278,439,402],{"class":292},[278,441,442],{"class":327}," options ",[278,444,299],{"class":284},[278,446,447],{"class":327}," [\n",[278,449,451,454,457,460,462,465,467,470,473,475,477,480,482],{"class":280,"line":450},8,[278,452,453],{"class":284},"  {",[278,455,456],{"class":288}," value",[278,458,459],{"class":284},":",[278,461,337],{"class":284},[278,463,464],{"class":305},"left",[278,466,302],{"class":284},[278,468,469],{"class":284},",",[278,471,472],{"class":288}," label",[278,474,459],{"class":284},[278,476,337],{"class":284},[278,478,479],{"class":305},"Left",[278,481,302],{"class":284},[278,483,484],{"class":284}," },\n",[278,486,488,490,492,494,496,498,500,502,504,506,508,511,513],{"class":280,"line":487},9,[278,489,453],{"class":284},[278,491,456],{"class":288},[278,493,459],{"class":284},[278,495,337],{"class":284},[278,497,427],{"class":305},[278,499,302],{"class":284},[278,501,469],{"class":284},[278,503,472],{"class":288},[278,505,459],{"class":284},[278,507,337],{"class":284},[278,509,510],{"class":305},"Center",[278,512,302],{"class":284},[278,514,484],{"class":284},[278,516,518,520,522,524,526,529,531,533,535,537,539,542,544],{"class":280,"line":517},10,[278,519,453],{"class":284},[278,521,456],{"class":288},[278,523,459],{"class":284},[278,525,337],{"class":284},[278,527,528],{"class":305},"right",[278,530,302],{"class":284},[278,532,469],{"class":284},[278,534,472],{"class":288},[278,536,459],{"class":284},[278,538,337],{"class":284},[278,540,541],{"class":305},"Right",[278,543,302],{"class":284},[278,545,484],{"class":284},[278,547,549,552],{"class":280,"line":548},11,[278,550,551],{"class":327},"]",[278,553,345],{"class":284},[278,555,557,560,562],{"class":280,"line":556},12,[278,558,559],{"class":284},"\u003C\u002F",[278,561,289],{"class":288},[278,563,311],{"class":284},[278,565,567],{"class":280,"line":566},13,[278,568,396],{"emptyLinePlaceholder":395},[278,570,572,574,577],{"class":280,"line":571},14,[278,573,285],{"class":284},[278,575,576],{"class":288},"template",[278,578,311],{"class":284},[278,580,582,585,587,590,592,594,597,599,602,604,606,609,611,614,616,618,621,623],{"class":280,"line":581},15,[278,583,584],{"class":284},"  \u003C",[278,586,218],{"class":288},[278,588,589],{"class":292}," v-model",[278,591,299],{"class":284},[278,593,302],{"class":284},[278,595,596],{"class":305},"value",[278,598,302],{"class":284},[278,600,601],{"class":292}," :options",[278,603,299],{"class":284},[278,605,302],{"class":284},[278,607,608],{"class":305},"options",[278,610,302],{"class":284},[278,612,613],{"class":292}," :allow-empty",[278,615,299],{"class":284},[278,617,302],{"class":284},[278,619,620],{"class":305},"false",[278,622,302],{"class":284},[278,624,625],{"class":284}," \u002F>\n",[278,627,629,631,633],{"class":280,"line":628},16,[278,630,559],{"class":284},[278,632,576],{"class":288},[278,634,311],{"class":284},[228,636,638],{"id":637},"examples","Examples",[640,641,643],"h3",{"id":642},"single-selection","Single selection",[213,645,646,647,650,651,654],{},"Use ",[216,648,649],{},"type=\"single\""," for one pressed value. Set ",[216,652,653],{},"allow-empty=\"false\""," when one item must always stay selected.",[269,656,658],{"className":271,"code":657,"language":273,"meta":274,"style":274},"\u003Ctemplate>\n  \u003CToggleGroup\n    v-model=\"alignment\"\n    :allow-empty=\"false\"\n    :options=\"[\n      { value: 'left', label: 'Left' },\n      { value: 'center', label: 'Center' },\n      { value: 'right', label: 'Right' },\n    ]\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[216,659,660,668,675,690,703,715,720,725,730,737,742],{"__ignoreMap":274},[278,661,662,664,666],{"class":280,"line":281},[278,663,285],{"class":284},[278,665,576],{"class":288},[278,667,311],{"class":284},[278,669,670,672],{"class":280,"line":314},[278,671,584],{"class":284},[278,673,674],{"class":288},"ToggleGroup\n",[278,676,677,680,682,684,687],{"class":280,"line":348},[278,678,679],{"class":292},"    v-model",[278,681,299],{"class":284},[278,683,302],{"class":284},[278,685,686],{"class":305},"alignment",[278,688,689],{"class":284},"\"\n",[278,691,692,695,697,699,701],{"class":280,"line":370},[278,693,694],{"class":292},"    :allow-empty",[278,696,299],{"class":284},[278,698,302],{"class":284},[278,700,620],{"class":305},[278,702,689],{"class":284},[278,704,705,708,710,712],{"class":280,"line":392},[278,706,707],{"class":292},"    :options",[278,709,299],{"class":284},[278,711,302],{"class":284},[278,713,714],{"class":305},"[\n",[278,716,717],{"class":280,"line":399},[278,718,719],{"class":305},"      { value: 'left', label: 'Left' },\n",[278,721,722],{"class":280,"line":437},[278,723,724],{"class":305},"      { value: 'center', label: 'Center' },\n",[278,726,727],{"class":280,"line":450},[278,728,729],{"class":305},"      { value: 'right', label: 'Right' },\n",[278,731,732,735],{"class":280,"line":487},[278,733,734],{"class":305},"    ]",[278,736,689],{"class":284},[278,738,739],{"class":280,"line":517},[278,740,741],{"class":284},"  \u002F>\n",[278,743,744,746,748],{"class":280,"line":548},[278,745,559],{"class":284},[278,747,576],{"class":288},[278,749,311],{"class":284},[640,751,753],{"id":752},"multiple-selection","Multiple selection",[213,755,646,756,759,760,763],{},[216,757,758],{},"type=\"multiple\""," and bind to ",[216,761,762],{},"string[]",".",[269,765,767],{"className":271,"code":766,"language":273,"meta":274,"style":274},"\u003Ctemplate>\n  \u003CToggleGroup\n    v-model=\"formats\"\n    type=\"multiple\"\n    :options=\"[\n      { value: 'bold', label: 'Bold' },\n      { value: 'italic', label: 'Italic' },\n      { value: 'underline', label: 'Underline' },\n    ]\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[216,768,769,777,783,796,810,820,825,830,835,841,845],{"__ignoreMap":274},[278,770,771,773,775],{"class":280,"line":281},[278,772,285],{"class":284},[278,774,576],{"class":288},[278,776,311],{"class":284},[278,778,779,781],{"class":280,"line":314},[278,780,584],{"class":284},[278,782,674],{"class":288},[278,784,785,787,789,791,794],{"class":280,"line":348},[278,786,679],{"class":292},[278,788,299],{"class":284},[278,790,302],{"class":284},[278,792,793],{"class":305},"formats",[278,795,689],{"class":284},[278,797,798,801,803,805,808],{"class":280,"line":370},[278,799,800],{"class":292},"    type",[278,802,299],{"class":284},[278,804,302],{"class":284},[278,806,807],{"class":305},"multiple",[278,809,689],{"class":284},[278,811,812,814,816,818],{"class":280,"line":392},[278,813,707],{"class":292},[278,815,299],{"class":284},[278,817,302],{"class":284},[278,819,714],{"class":305},[278,821,822],{"class":280,"line":399},[278,823,824],{"class":305},"      { value: 'bold', label: 'Bold' },\n",[278,826,827],{"class":280,"line":437},[278,828,829],{"class":305},"      { value: 'italic', label: 'Italic' },\n",[278,831,832],{"class":280,"line":450},[278,833,834],{"class":305},"      { value: 'underline', label: 'Underline' },\n",[278,836,837,839],{"class":280,"line":487},[278,838,734],{"class":305},[278,840,689],{"class":284},[278,842,843],{"class":280,"line":517},[278,844,741],{"class":284},[278,846,847,849,851],{"class":280,"line":548},[278,848,559],{"class":284},[278,850,576],{"class":288},[278,852,311],{"class":284},[640,854,856],{"id":855},"card-style-options","Card-style options",[213,858,859],{},"Use labels and descriptions for richer option cards.",[269,861,863],{"className":271,"code":862,"language":273,"meta":274,"style":274},"\u003Ctemplate>\n  \u003CToggleGroup v-model=\"plan\" :options=\"plans\" :ui=\"{ root: 'grid gap-2' }\">\n    \u003Ctemplate #item=\"{ label, description }\">\n      \u003Cspan>\n        \u003Cstrong>{{ label }}\u003C\u002Fstrong>\n        \u003Csmall>{{ description }}\u003C\u002Fsmall>\n      \u003C\u002Fspan>\n    \u003C\u002Ftemplate>\n  \u003C\u002FToggleGroup>\n\u003C\u002Ftemplate>\n",[216,864,865,873,915,949,958,976,994,1003,1012,1021],{"__ignoreMap":274},[278,866,867,869,871],{"class":280,"line":281},[278,868,285],{"class":284},[278,870,576],{"class":288},[278,872,311],{"class":284},[278,874,875,877,879,881,883,885,888,890,892,894,896,899,901,904,906,908,911,913],{"class":280,"line":314},[278,876,584],{"class":284},[278,878,218],{"class":288},[278,880,589],{"class":292},[278,882,299],{"class":284},[278,884,302],{"class":284},[278,886,887],{"class":305},"plan",[278,889,302],{"class":284},[278,891,601],{"class":292},[278,893,299],{"class":284},[278,895,302],{"class":284},[278,897,898],{"class":305},"plans",[278,900,302],{"class":284},[278,902,903],{"class":292}," :ui",[278,905,299],{"class":284},[278,907,302],{"class":284},[278,909,910],{"class":305},"{ root: 'grid gap-2' }",[278,912,302],{"class":284},[278,914,311],{"class":284},[278,916,917,920,922,925,928,930,932,935,937,939,942,945,947],{"class":280,"line":348},[278,918,919],{"class":284},"    \u003C",[278,921,576],{"class":288},[278,923,924],{"class":284}," #",[278,926,927],{"class":292},"item",[278,929,299],{"class":284},[278,931,302],{"class":284},[278,933,934],{"class":284},"{",[278,936,472],{"class":327},[278,938,469],{"class":284},[278,940,941],{"class":327}," description ",[278,943,944],{"class":284},"}",[278,946,302],{"class":284},[278,948,311],{"class":284},[278,950,951,954,956],{"class":280,"line":370},[278,952,953],{"class":284},"      \u003C",[278,955,278],{"class":288},[278,957,311],{"class":284},[278,959,960,963,965,967,970,972,974],{"class":280,"line":392},[278,961,962],{"class":284},"        \u003C",[278,964,239],{"class":288},[278,966,419],{"class":284},[278,968,969],{"class":327},"{{ label }}",[278,971,559],{"class":284},[278,973,239],{"class":288},[278,975,311],{"class":284},[278,977,978,980,983,985,988,990,992],{"class":280,"line":399},[278,979,962],{"class":284},[278,981,982],{"class":288},"small",[278,984,419],{"class":284},[278,986,987],{"class":327},"{{ description }}",[278,989,559],{"class":284},[278,991,982],{"class":288},[278,993,311],{"class":284},[278,995,996,999,1001],{"class":280,"line":437},[278,997,998],{"class":284},"      \u003C\u002F",[278,1000,278],{"class":288},[278,1002,311],{"class":284},[278,1004,1005,1008,1010],{"class":280,"line":450},[278,1006,1007],{"class":284},"    \u003C\u002F",[278,1009,576],{"class":288},[278,1011,311],{"class":284},[278,1013,1014,1017,1019],{"class":280,"line":487},[278,1015,1016],{"class":284},"  \u003C\u002F",[278,1018,218],{"class":288},[278,1020,311],{"class":284},[278,1022,1023,1025,1027],{"class":280,"line":517},[278,1024,559],{"class":284},[278,1026,576],{"class":288},[278,1028,311],{"class":284},[640,1030,1032],{"id":1031},"vertical-orientation","Vertical orientation",[213,1034,1035,1036,763],{},"Arrow key direction follows ",[216,1037,1038],{},"orientation",[269,1040,1042],{"className":271,"code":1041,"language":273,"meta":274,"style":274},"\u003Ctemplate>\n  \u003CToggleGroup v-model=\"view\" orientation=\"vertical\" :options=\"views\" \u002F>\n\u003C\u002Ftemplate>\n",[216,1043,1044,1052,1094],{"__ignoreMap":274},[278,1045,1046,1048,1050],{"class":280,"line":281},[278,1047,285],{"class":284},[278,1049,576],{"class":288},[278,1051,311],{"class":284},[278,1053,1054,1056,1058,1060,1062,1064,1067,1069,1072,1074,1076,1079,1081,1083,1085,1087,1090,1092],{"class":280,"line":314},[278,1055,584],{"class":284},[278,1057,218],{"class":288},[278,1059,589],{"class":292},[278,1061,299],{"class":284},[278,1063,302],{"class":284},[278,1065,1066],{"class":305},"view",[278,1068,302],{"class":284},[278,1070,1071],{"class":292}," orientation",[278,1073,299],{"class":284},[278,1075,302],{"class":284},[278,1077,1078],{"class":305},"vertical",[278,1080,302],{"class":284},[278,1082,601],{"class":292},[278,1084,299],{"class":284},[278,1086,302],{"class":284},[278,1088,1089],{"class":305},"views",[278,1091,302],{"class":284},[278,1093,625],{"class":284},[278,1095,1096,1098,1100],{"class":280,"line":348},[278,1097,559],{"class":284},[278,1099,576],{"class":288},[278,1101,311],{"class":284},[640,1103,1105],{"id":1104},"form-values","Form values",[213,1107,1108,1109,1112],{},"When ",[216,1110,1111],{},"name"," is provided, selected values are submitted with the form. Multiple mode renders one hidden input per selected value.",[269,1114,1116],{"className":271,"code":1115,"language":273,"meta":274,"style":274},"\u003Ctemplate>\n  \u003CToggleGroup v-model=\"filters\" type=\"multiple\" name=\"filters\" :options=\"options\" \u002F>\n\u003C\u002Ftemplate>\n",[216,1117,1118,1126,1176],{"__ignoreMap":274},[278,1119,1120,1122,1124],{"class":280,"line":281},[278,1121,285],{"class":284},[278,1123,576],{"class":288},[278,1125,311],{"class":284},[278,1127,1128,1130,1132,1134,1136,1138,1141,1143,1145,1147,1149,1151,1153,1156,1158,1160,1162,1164,1166,1168,1170,1172,1174],{"class":280,"line":314},[278,1129,584],{"class":284},[278,1131,218],{"class":288},[278,1133,589],{"class":292},[278,1135,299],{"class":284},[278,1137,302],{"class":284},[278,1139,1140],{"class":305},"filters",[278,1142,302],{"class":284},[278,1144,321],{"class":292},[278,1146,299],{"class":284},[278,1148,302],{"class":284},[278,1150,807],{"class":305},[278,1152,302],{"class":284},[278,1154,1155],{"class":292}," name",[278,1157,299],{"class":284},[278,1159,302],{"class":284},[278,1161,1140],{"class":305},[278,1163,302],{"class":284},[278,1165,601],{"class":292},[278,1167,299],{"class":284},[278,1169,302],{"class":284},[278,1171,608],{"class":305},[278,1173,302],{"class":284},[278,1175,625],{"class":284},[278,1177,1178,1180,1182],{"class":280,"line":348},[278,1179,559],{"class":284},[278,1181,576],{"class":288},[278,1183,311],{"class":284},[228,1185,1187],{"id":1186},"api-reference","API Reference",[640,1189,1191],{"id":1190},"props","Props",[1193,1194,1195,1214],"table",{},[1196,1197,1198],"thead",{},[1199,1200,1201,1205,1208,1211],"tr",{},[1202,1203,1204],"th",{},"Prop",[1202,1206,1207],{},"Type",[1202,1209,1210],{},"Default",[1202,1212,1213],{},"Description",[1215,1216,1217,1235,1255,1279,1298,1317,1336,1355,1372,1387,1406,1425,1443,1461,1477,1493],"tbody",{},[1199,1218,1219,1224,1229,1232],{},[1220,1221,1222],"td",{},[216,1223,608],{},[1220,1225,1226],{},[216,1227,1228],{},"ToggleGroupOption[]",[1220,1230,1231],{},"required",[1220,1233,1234],{},"Toggle items.",[1199,1236,1237,1242,1247,1252],{},[1220,1238,1239],{},[216,1240,1241],{},"type",[1220,1243,1244],{},[216,1245,1246],{},"\"single\" | \"multiple\"",[1220,1248,1249],{},[216,1250,1251],{},"\"single\"",[1220,1253,1254],{},"Selection mode.",[1199,1256,1257,1262,1267,1270],{},[1220,1258,1259],{},[216,1260,1261],{},"valueKey",[1220,1263,1264],{},[216,1265,1266],{},"string",[1220,1268,1269],{},"—",[1220,1271,1272,1273,1275,1276,763],{},"Object key used as item value. Falls back to ",[216,1274,596],{},", then ",[216,1277,1278],{},"label",[1199,1280,1281,1286,1290,1295],{},[1220,1282,1283],{},[216,1284,1285],{},"labelKey",[1220,1287,1288],{},[216,1289,1266],{},[1220,1291,1292],{},[216,1293,1294],{},"\"label\"",[1220,1296,1297],{},"Object key used as item label.",[1199,1299,1300,1305,1309,1314],{},[1220,1301,1302],{},[216,1303,1304],{},"descriptionKey",[1220,1306,1307],{},[216,1308,1266],{},[1220,1310,1311],{},[216,1312,1313],{},"\"description\"",[1220,1315,1316],{},"Object key used as item description.",[1199,1318,1319,1324,1328,1333],{},[1220,1320,1321],{},[216,1322,1323],{},"disabledKey",[1220,1325,1326],{},[216,1327,1266],{},[1220,1329,1330],{},[216,1331,1332],{},"\"disabled\"",[1220,1334,1335],{},"Object key used as item disabled state.",[1199,1337,1338,1343,1348,1352],{},[1220,1339,1340],{},[216,1341,1342],{},"disabled",[1220,1344,1345],{},[216,1346,1347],{},"boolean",[1220,1349,1350],{},[216,1351,620],{},[1220,1353,1354],{},"Disabled state for the whole group.",[1199,1356,1357,1361,1365,1369],{},[1220,1358,1359],{},[216,1360,1231],{},[1220,1362,1363],{},[216,1364,1347],{},[1220,1366,1367],{},[216,1368,620],{},[1220,1370,1371],{},"Prevents clearing the last selected value.",[1199,1373,1374,1378,1382,1384],{},[1220,1375,1376],{},[216,1377,1111],{},[1220,1379,1380],{},[216,1381,1266],{},[1220,1383,1269],{},[1220,1385,1386],{},"Hidden form input name. Multiple mode renders one hidden input per selected value.",[1199,1388,1389,1393,1398,1403],{},[1220,1390,1391],{},[216,1392,1038],{},[1220,1394,1395],{},[216,1396,1397],{},"\"horizontal\" | \"vertical\"",[1220,1399,1400],{},[216,1401,1402],{},"\"horizontal\"",[1220,1404,1405],{},"Roving focus direction.",[1199,1407,1408,1413,1417,1422],{},[1220,1409,1410],{},[216,1411,1412],{},"loop",[1220,1414,1415],{},[216,1416,1347],{},[1220,1418,1419],{},[216,1420,1421],{},"true",[1220,1423,1424],{},"Arrow navigation wraps.",[1199,1426,1427,1432,1436,1440],{},[1220,1428,1429],{},[216,1430,1431],{},"rovingFocus",[1220,1433,1434],{},[216,1435,1347],{},[1220,1437,1438],{},[216,1439,1421],{},[1220,1441,1442],{},"Enables arrow-key roving focus.",[1199,1444,1445,1450,1454,1458],{},[1220,1446,1447],{},[216,1448,1449],{},"allowEmpty",[1220,1451,1452],{},[216,1453,1347],{},[1220,1455,1456],{},[216,1457,1421],{},[1220,1459,1460],{},"Allows single mode to clear selected item.",[1199,1462,1463,1468,1472,1474],{},[1220,1464,1465],{},[216,1466,1467],{},"ariaLabel",[1220,1469,1470],{},[216,1471,1266],{},[1220,1473,1269],{},[1220,1475,1476],{},"Accessible group label.",[1199,1478,1479,1484,1488,1490],{},[1220,1480,1481],{},[216,1482,1483],{},"ariaLabelledby",[1220,1485,1486],{},[216,1487,1266],{},[1220,1489,1269],{},[1220,1491,1492],{},"Accessible group label id.",[1199,1494,1495,1500,1505,1507],{},[1220,1496,1497],{},[216,1498,1499],{},"ui",[1220,1501,1502],{},[216,1503,1504],{},"ToggleGroupUi",[1220,1506,1269],{},[1220,1508,1509],{},"Classes for structural parts.",[640,1511,1513],{"id":1512},"emits","Emits",[1193,1515,1516,1528],{},[1196,1517,1518],{},[1199,1519,1520,1523,1526],{},[1202,1521,1522],{},"Event",[1202,1524,1525],{},"Payload",[1202,1527,1213],{},[1215,1529,1530],{},[1199,1531,1532,1537,1542],{},[1220,1533,1534],{},[216,1535,1536],{},"value-change",[1220,1538,1539],{},[216,1540,1541],{},"(value, details)",[1220,1543,1544,1545,1548],{},"Fired before model updates. ",[216,1546,1547],{},"details.cancel()"," prevents the update.",[640,1550,1552],{"id":1551},"slots","Slots",[1193,1554,1555,1566],{},[1196,1556,1557],{},[1199,1558,1559,1562,1564],{},[1202,1560,1561],{},"Slot",[1202,1563,1191],{},[1202,1565,1213],{},[1215,1567,1568],{},[1199,1569,1570,1574,1596],{},[1220,1571,1572],{},[216,1573,927],{},[1220,1575,1576,1579,1580,1579,1582,1579,1584,1579,1587,1579,1590,1579,1593],{},[216,1577,1578],{},"option",", ",[216,1581,596],{},[216,1583,1278],{},[216,1585,1586],{},"description",[216,1588,1589],{},"isPressed",[216,1591,1592],{},"isDisabled",[216,1594,1595],{},"select",[1220,1597,1598],{},"Custom item content.",[640,1600,1602],{"id":1601},"ui-options","UI Options",[1193,1604,1605,1614],{},[1196,1606,1607],{},[1199,1608,1609,1612],{},[1202,1610,1611],{},"Key",[1202,1613,1213],{},[1215,1615,1616,1626,1636,1645,1654],{},[1199,1617,1618,1623],{},[1220,1619,1620],{},[216,1621,1622],{},"root",[1220,1624,1625],{},"Root group.",[1199,1627,1628,1633],{},[1220,1629,1630],{},[216,1631,1632],{},"input",[1220,1634,1635],{},"Hidden form inputs.",[1199,1637,1638,1642],{},[1220,1639,1640],{},[216,1641,927],{},[1220,1643,1644],{},"Toggle button.",[1199,1646,1647,1651],{},[1220,1648,1649],{},[216,1650,1278],{},[1220,1652,1653],{},"Default item label.",[1199,1655,1656,1660],{},[1220,1657,1658],{},[216,1659,1586],{},[1220,1661,1662],{},"Default item description.",[640,1664,1666],{"id":1665},"styling-hooks","Styling Hooks",[1193,1668,1669,1682],{},[1196,1670,1671],{},[1199,1672,1673,1676,1679],{},[1202,1674,1675],{},"UI key",[1202,1677,1678],{},"CSS class",[1202,1680,1681],{},"Data attrs",[1215,1683,1684,1706,1719,1737,1750],{},[1199,1685,1686,1690,1695],{},[1220,1687,1688],{},[216,1689,1622],{},[1220,1691,1692],{},[216,1693,1694],{},"akaza-toggle-group",[1220,1696,1697,1579,1700,1579,1703],{},[216,1698,1699],{},"data-akaza-orientation",[216,1701,1702],{},"data-akaza-type",[216,1704,1705],{},"data-akaza-disabled",[1199,1707,1708,1712,1717],{},[1220,1709,1710],{},[216,1711,1632],{},[1220,1713,1714],{},[216,1715,1716],{},"akaza-toggle-group-input",[1220,1718,1269],{},[1199,1720,1721,1725,1730],{},[1220,1722,1723],{},[216,1724,927],{},[1220,1726,1727],{},[216,1728,1729],{},"akaza-toggle-group-item",[1220,1731,1732,1579,1735],{},[216,1733,1734],{},"data-akaza-state",[216,1736,1705],{},[1199,1738,1739,1743,1748],{},[1220,1740,1741],{},[216,1742,1278],{},[1220,1744,1745],{},[216,1746,1747],{},"akaza-toggle-group-label",[1220,1749,1269],{},[1199,1751,1752,1756,1761],{},[1220,1753,1754],{},[216,1755,1586],{},[1220,1757,1758],{},[216,1759,1760],{},"akaza-toggle-group-description",[1220,1762,1269],{},[213,1764,1765,1766,1769],{},"Plain ",[216,1767,1768],{},"class"," applies to the root group.",[640,1771,1773],{"id":1772},"keyboard","Keyboard",[1193,1775,1776,1785],{},[1196,1777,1778],{},[1199,1779,1780,1782],{},[1202,1781,1611],{},[1202,1783,1784],{},"Behavior",[1215,1786,1787,1801,1809],{},[1199,1788,1789,1798],{},[1220,1790,1791,1794,1795],{},[216,1792,1793],{},"Enter"," \u002F ",[216,1796,1797],{},"Space",[1220,1799,1800],{},"Toggle focused item.",[1199,1802,1803,1806],{},[1220,1804,1805],{},"Arrow keys",[1220,1807,1808],{},"Move focus by orientation.",[1199,1810,1811,1819],{},[1220,1812,1813,1794,1816],{},[216,1814,1815],{},"Home",[216,1817,1818],{},"End",[1220,1820,1821],{},"Move focus to first\u002Flast enabled item.",[1823,1824,1825],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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":274,"searchDepth":281,"depth":314,"links":1827},[1828,1829,1830,1837],{"id":230,"depth":314,"text":231},{"id":258,"depth":314,"text":23},{"id":637,"depth":314,"text":638,"children":1831},[1832,1833,1834,1835,1836],{"id":642,"depth":348,"text":643},{"id":752,"depth":348,"text":753},{"id":855,"depth":348,"text":856},{"id":1031,"depth":348,"text":1032},{"id":1104,"depth":348,"text":1105},{"id":1186,"depth":314,"text":1187,"children":1838},[1839,1840,1841,1842,1843,1844],{"id":1190,"depth":348,"text":1191},{"id":1512,"depth":348,"text":1513},{"id":1551,"depth":348,"text":1552},{"id":1601,"depth":348,"text":1602},{"id":1665,"depth":348,"text":1666},{"id":1772,"depth":348,"text":1773},"Single or multiple pressed values with roving keyboard focus.","md",null,{},{"icon":65},{"title":194,"description":1845},"h7bjPD3OM_uJ-7I_OCfw0MweFyh0_PR1MOorTP0tuZU",[1853,1855],{"title":189,"path":190,"stem":191,"description":1854,"icon":192,"children":-1},"A two-state button that can be on or off.",{"title":198,"path":199,"stem":200,"description":1856,"icon":201,"children":-1},"Command strip with roving focus across buttons, links, inputs, groups, and separators.",1784667647345]