[{"data":1,"prerenderedAt":2026},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftoggle-group":406,"\u002Fcomponents\u002Ftoggle-group-surround":2021},[4,34,51,301,327,332,337],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"id":407,"title":293,"body":408,"description":2009,"extension":2010,"links":2011,"meta":2017,"navigation":2018,"package":63,"path":294,"seo":2019,"stem":295,"__hash__":2020},"docs\u002F3.components\u002Ftoggle-group.md",{"type":409,"value":410,"toc":1992},"minimark",[411,416,424,429,432,436,447,800,805,812,1143,1147,1150,1215,1219,1292,1296,1412,1418,1422,1649,1677,1694,1698,1731,1735,1773,1777,1786,1838,1850,1896,1899,1902,1912,1919,1923,1961,1965,1988],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423],"p",{},[420,421,422],"code",{},"VyToggleGroup"," renders connected toggle buttons from an items array. It supports single or multiple selection, controlled and uncontrolled values, horizontal or vertical layout, disabled items, icons, labels, and a custom item slot.",[425,426],"component-code",{"height":427,"name":428},"120px","toggle-group-example",[425,430],{"height":427,"name":431},"toggle-group-multiple",[412,433,435],{"id":434},"usage","Usage",[417,437,438,439,442,443,446],{},"Use ",[420,440,441],{},"type=\"single\""," with a scalar ",[420,444,445],{},"v-model",". Primitive strings and numbers are normalized into matching labels and values.",[448,449,454],"pre",{"className":450,"code":451,"language":452,"meta":453,"style":453},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyToggleGroup } from '@vyui\u002Fkit'\n\nconst alignment = ref('center')\nconst items = [\n  { label: 'Left', value: 'left', icon: 'i-lucide-align-left' },\n  { label: 'Center', value: 'center', icon: 'i-lucide-align-center' },\n  { label: 'Right', value: 'right', icon: 'i-lucide-align-right' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyToggleGroup v-model=\"alignment\" :items=\"items\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[420,455,456,491,519,539,546,574,587,638,681,725,731,741,746,756,791],{"__ignoreMap":453},[457,458,461,465,469,473,476,479,482,486,488],"span",{"class":459,"line":460},"line",1,[457,462,464],{"class":463},"sMK4o","\u003C",[457,466,468],{"class":467},"swJcz","script",[457,470,472],{"class":471},"spNyl"," setup",[457,474,475],{"class":471}," lang",[457,477,478],{"class":463},"=",[457,480,481],{"class":463},"\"",[457,483,485],{"class":484},"sfazB","ts",[457,487,481],{"class":463},[457,489,490],{"class":463},">\n",[457,492,494,498,501,505,508,511,514,516],{"class":459,"line":493},2,[457,495,497],{"class":496},"s7zQu","import",[457,499,500],{"class":463}," {",[457,502,504],{"class":503},"sTEyZ"," ref",[457,506,507],{"class":463}," }",[457,509,510],{"class":496}," from",[457,512,513],{"class":463}," '",[457,515,452],{"class":484},[457,517,518],{"class":463},"'\n",[457,520,522,524,526,529,531,533,535,537],{"class":459,"line":521},3,[457,523,497],{"class":496},[457,525,500],{"class":463},[457,527,528],{"class":503}," VyToggleGroup",[457,530,507],{"class":463},[457,532,510],{"class":496},[457,534,513],{"class":463},[457,536,46],{"class":484},[457,538,518],{"class":463},[457,540,542],{"class":459,"line":541},4,[457,543,545],{"emptyLinePlaceholder":544},true,"\n",[457,547,549,552,555,557,560,563,566,569,571],{"class":459,"line":548},5,[457,550,551],{"class":471},"const",[457,553,554],{"class":503}," alignment ",[457,556,478],{"class":463},[457,558,504],{"class":559},"s2Zo4",[457,561,562],{"class":503},"(",[457,564,565],{"class":463},"'",[457,567,568],{"class":484},"center",[457,570,565],{"class":463},[457,572,573],{"class":503},")\n",[457,575,577,579,582,584],{"class":459,"line":576},6,[457,578,551],{"class":471},[457,580,581],{"class":503}," items ",[457,583,478],{"class":463},[457,585,586],{"class":503}," [\n",[457,588,590,593,596,599,601,604,606,609,612,614,616,619,621,623,626,628,630,633,635],{"class":459,"line":589},7,[457,591,592],{"class":463},"  {",[457,594,595],{"class":467}," label",[457,597,598],{"class":463},":",[457,600,513],{"class":463},[457,602,603],{"class":484},"Left",[457,605,565],{"class":463},[457,607,608],{"class":463},",",[457,610,611],{"class":467}," value",[457,613,598],{"class":463},[457,615,513],{"class":463},[457,617,618],{"class":484},"left",[457,620,565],{"class":463},[457,622,608],{"class":463},[457,624,625],{"class":467}," icon",[457,627,598],{"class":463},[457,629,513],{"class":463},[457,631,632],{"class":484},"i-lucide-align-left",[457,634,565],{"class":463},[457,636,637],{"class":463}," },\n",[457,639,641,643,645,647,649,652,654,656,658,660,662,664,666,668,670,672,674,677,679],{"class":459,"line":640},8,[457,642,592],{"class":463},[457,644,595],{"class":467},[457,646,598],{"class":463},[457,648,513],{"class":463},[457,650,651],{"class":484},"Center",[457,653,565],{"class":463},[457,655,608],{"class":463},[457,657,611],{"class":467},[457,659,598],{"class":463},[457,661,513],{"class":463},[457,663,568],{"class":484},[457,665,565],{"class":463},[457,667,608],{"class":463},[457,669,625],{"class":467},[457,671,598],{"class":463},[457,673,513],{"class":463},[457,675,676],{"class":484},"i-lucide-align-center",[457,678,565],{"class":463},[457,680,637],{"class":463},[457,682,684,686,688,690,692,695,697,699,701,703,705,708,710,712,714,716,718,721,723],{"class":459,"line":683},9,[457,685,592],{"class":463},[457,687,595],{"class":467},[457,689,598],{"class":463},[457,691,513],{"class":463},[457,693,694],{"class":484},"Right",[457,696,565],{"class":463},[457,698,608],{"class":463},[457,700,611],{"class":467},[457,702,598],{"class":463},[457,704,513],{"class":463},[457,706,707],{"class":484},"right",[457,709,565],{"class":463},[457,711,608],{"class":463},[457,713,625],{"class":467},[457,715,598],{"class":463},[457,717,513],{"class":463},[457,719,720],{"class":484},"i-lucide-align-right",[457,722,565],{"class":463},[457,724,637],{"class":463},[457,726,728],{"class":459,"line":727},10,[457,729,730],{"class":503},"]\n",[457,732,734,737,739],{"class":459,"line":733},11,[457,735,736],{"class":463},"\u003C\u002F",[457,738,468],{"class":467},[457,740,490],{"class":463},[457,742,744],{"class":459,"line":743},12,[457,745,545],{"emptyLinePlaceholder":544},[457,747,749,751,754],{"class":459,"line":748},13,[457,750,464],{"class":463},[457,752,753],{"class":467},"template",[457,755,490],{"class":463},[457,757,759,762,764,767,769,771,774,776,779,781,783,786,788],{"class":459,"line":758},14,[457,760,761],{"class":463},"  \u003C",[457,763,422],{"class":467},[457,765,766],{"class":471}," v-model",[457,768,478],{"class":463},[457,770,481],{"class":463},[457,772,773],{"class":484},"alignment",[457,775,481],{"class":463},[457,777,778],{"class":471}," :items",[457,780,478],{"class":463},[457,782,481],{"class":463},[457,784,785],{"class":484},"items",[457,787,481],{"class":463},[457,789,790],{"class":463}," \u002F>\n",[457,792,794,796,798],{"class":459,"line":793},15,[457,795,736],{"class":463},[457,797,753],{"class":467},[457,799,490],{"class":463},[801,802,804],"h3",{"id":803},"multiple-selection","Multiple selection",[417,806,807,808,811],{},"Use an array model with ",[420,809,810],{},"type=\"multiple\"",". Tapping an item adds or removes its value.",[448,813,815],{"className":450,"code":814,"language":452,"meta":453,"style":453},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyToggleGroup } from '@vyui\u002Fkit'\n\nconst formatting = ref\u003Cstring[]>(['bold'])\nconst items = [\n  { label: 'Bold', value: 'bold' },\n  { label: 'Italic', value: 'italic' },\n  { label: 'Underline', value: 'underline', disabled: true },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyToggleGroup\n    v-model=\"formatting\"\n    type=\"multiple\"\n    :items=\"items\"\n    color=\"secondary\"\n    variant=\"soft\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[420,816,817,837,855,873,877,913,923,952,982,1023,1027,1035,1039,1047,1054,1069,1084,1098,1113,1128,1134],{"__ignoreMap":453},[457,818,819,821,823,825,827,829,831,833,835],{"class":459,"line":460},[457,820,464],{"class":463},[457,822,468],{"class":467},[457,824,472],{"class":471},[457,826,475],{"class":471},[457,828,478],{"class":463},[457,830,481],{"class":463},[457,832,485],{"class":484},[457,834,481],{"class":463},[457,836,490],{"class":463},[457,838,839,841,843,845,847,849,851,853],{"class":459,"line":493},[457,840,497],{"class":496},[457,842,500],{"class":463},[457,844,504],{"class":503},[457,846,507],{"class":463},[457,848,510],{"class":496},[457,850,513],{"class":463},[457,852,452],{"class":484},[457,854,518],{"class":463},[457,856,857,859,861,863,865,867,869,871],{"class":459,"line":521},[457,858,497],{"class":496},[457,860,500],{"class":463},[457,862,528],{"class":503},[457,864,507],{"class":463},[457,866,510],{"class":496},[457,868,513],{"class":463},[457,870,46],{"class":484},[457,872,518],{"class":463},[457,874,875],{"class":459,"line":541},[457,876,545],{"emptyLinePlaceholder":544},[457,878,879,881,884,886,888,890,894,897,900,903,905,908,910],{"class":459,"line":548},[457,880,551],{"class":471},[457,882,883],{"class":503}," formatting ",[457,885,478],{"class":463},[457,887,504],{"class":559},[457,889,464],{"class":463},[457,891,893],{"class":892},"sBMFI","string",[457,895,896],{"class":503},"[]",[457,898,899],{"class":463},">",[457,901,902],{"class":503},"([",[457,904,565],{"class":463},[457,906,907],{"class":484},"bold",[457,909,565],{"class":463},[457,911,912],{"class":503},"])\n",[457,914,915,917,919,921],{"class":459,"line":576},[457,916,551],{"class":471},[457,918,581],{"class":503},[457,920,478],{"class":463},[457,922,586],{"class":503},[457,924,925,927,929,931,933,936,938,940,942,944,946,948,950],{"class":459,"line":589},[457,926,592],{"class":463},[457,928,595],{"class":467},[457,930,598],{"class":463},[457,932,513],{"class":463},[457,934,935],{"class":484},"Bold",[457,937,565],{"class":463},[457,939,608],{"class":463},[457,941,611],{"class":467},[457,943,598],{"class":463},[457,945,513],{"class":463},[457,947,907],{"class":484},[457,949,565],{"class":463},[457,951,637],{"class":463},[457,953,954,956,958,960,962,965,967,969,971,973,975,978,980],{"class":459,"line":640},[457,955,592],{"class":463},[457,957,595],{"class":467},[457,959,598],{"class":463},[457,961,513],{"class":463},[457,963,964],{"class":484},"Italic",[457,966,565],{"class":463},[457,968,608],{"class":463},[457,970,611],{"class":467},[457,972,598],{"class":463},[457,974,513],{"class":463},[457,976,977],{"class":484},"italic",[457,979,565],{"class":463},[457,981,637],{"class":463},[457,983,984,986,988,990,992,995,997,999,1001,1003,1005,1008,1010,1012,1015,1017,1021],{"class":459,"line":683},[457,985,592],{"class":463},[457,987,595],{"class":467},[457,989,598],{"class":463},[457,991,513],{"class":463},[457,993,994],{"class":484},"Underline",[457,996,565],{"class":463},[457,998,608],{"class":463},[457,1000,611],{"class":467},[457,1002,598],{"class":463},[457,1004,513],{"class":463},[457,1006,1007],{"class":484},"underline",[457,1009,565],{"class":463},[457,1011,608],{"class":463},[457,1013,1014],{"class":467}," disabled",[457,1016,598],{"class":463},[457,1018,1020],{"class":1019},"sfNiH"," true",[457,1022,637],{"class":463},[457,1024,1025],{"class":459,"line":727},[457,1026,730],{"class":503},[457,1028,1029,1031,1033],{"class":459,"line":733},[457,1030,736],{"class":463},[457,1032,468],{"class":467},[457,1034,490],{"class":463},[457,1036,1037],{"class":459,"line":743},[457,1038,545],{"emptyLinePlaceholder":544},[457,1040,1041,1043,1045],{"class":459,"line":748},[457,1042,464],{"class":463},[457,1044,753],{"class":467},[457,1046,490],{"class":463},[457,1048,1049,1051],{"class":459,"line":758},[457,1050,761],{"class":463},[457,1052,1053],{"class":467},"VyToggleGroup\n",[457,1055,1056,1059,1061,1063,1066],{"class":459,"line":793},[457,1057,1058],{"class":471},"    v-model",[457,1060,478],{"class":463},[457,1062,481],{"class":463},[457,1064,1065],{"class":484},"formatting",[457,1067,1068],{"class":463},"\"\n",[457,1070,1072,1075,1077,1079,1082],{"class":459,"line":1071},16,[457,1073,1074],{"class":471},"    type",[457,1076,478],{"class":463},[457,1078,481],{"class":463},[457,1080,1081],{"class":484},"multiple",[457,1083,1068],{"class":463},[457,1085,1087,1090,1092,1094,1096],{"class":459,"line":1086},17,[457,1088,1089],{"class":471},"    :items",[457,1091,478],{"class":463},[457,1093,481],{"class":463},[457,1095,785],{"class":484},[457,1097,1068],{"class":463},[457,1099,1101,1104,1106,1108,1111],{"class":459,"line":1100},18,[457,1102,1103],{"class":471},"    color",[457,1105,478],{"class":463},[457,1107,481],{"class":463},[457,1109,1110],{"class":484},"secondary",[457,1112,1068],{"class":463},[457,1114,1116,1119,1121,1123,1126],{"class":459,"line":1115},19,[457,1117,1118],{"class":471},"    variant",[457,1120,478],{"class":463},[457,1122,481],{"class":463},[457,1124,1125],{"class":484},"soft",[457,1127,1068],{"class":463},[457,1129,1131],{"class":459,"line":1130},20,[457,1132,1133],{"class":463},"  \u002F>\n",[457,1135,1137,1139,1141],{"class":459,"line":1136},21,[457,1138,736],{"class":463},[457,1140,753],{"class":467},[457,1142,490],{"class":463},[801,1144,1146],{"id":1145},"custom-items","Custom items",[417,1148,1149],{},"The default slot replaces an entire item's built-in icon and label. It receives the normalized item, its index, and a resolved hex color for custom SVG icons.",[448,1151,1153],{"className":450,"code":1152,"language":452,"meta":453,"style":453},"\u003CVyToggleGroup v-model=\"density\" :items=\"items\">\n  \u003Ctemplate #default=\"{ item, iconColor }\">\n    \u003CVyIcon :name=\"item.icon\" :color=\"iconColor\" \u002F>\n    \u003Ctext>{{ item.label }}\u003C\u002Ftext>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyToggleGroup>\n",[420,1154,1155,1187,1192,1197,1202,1207],{"__ignoreMap":453},[457,1156,1157,1159,1161,1163,1165,1167,1170,1172,1175,1177,1179,1181,1183,1185],{"class":459,"line":460},[457,1158,464],{"class":463},[457,1160,422],{"class":467},[457,1162,766],{"class":471},[457,1164,478],{"class":463},[457,1166,481],{"class":463},[457,1168,1169],{"class":503},"density",[457,1171,481],{"class":463},[457,1173,1174],{"class":463}," :",[457,1176,785],{"class":471},[457,1178,478],{"class":463},[457,1180,481],{"class":463},[457,1182,785],{"class":503},[457,1184,481],{"class":463},[457,1186,490],{"class":463},[457,1188,1189],{"class":459,"line":493},[457,1190,1191],{"class":503},"  \u003Ctemplate #default=\"{ item, iconColor }\">\n",[457,1193,1194],{"class":459,"line":521},[457,1195,1196],{"class":503},"    \u003CVyIcon :name=\"item.icon\" :color=\"iconColor\" \u002F>\n",[457,1198,1199],{"class":459,"line":541},[457,1200,1201],{"class":503},"    \u003Ctext>{{ item.label }}\u003C\u002Ftext>\n",[457,1203,1204],{"class":459,"line":548},[457,1205,1206],{"class":503},"  \u003C\u002Ftemplate>\n",[457,1208,1209,1211,1213],{"class":459,"line":576},[457,1210,736],{"class":463},[457,1212,422],{"class":467},[457,1214,490],{"class":463},[412,1216,1218],{"id":1217},"features-and-behavior","Features and behavior",[1220,1221,1222,1229,1234,1247,1254,1268,1276,1286],"ul",{},[1223,1224,1225,1228],"li",{},[420,1226,1227],{},"single"," mode stores one string or number. Tapping the selected item again clears the runtime value.",[1223,1230,1231,1233],{},[420,1232,1081],{}," mode stores an array and toggles each tapped value independently.",[1223,1235,438,1236,1239,1240,1242,1243,1246],{},[420,1237,1238],{},"modelValue"," or ",[420,1241,445],{}," for controlled state, or ",[420,1244,1245],{},"defaultValue"," for an uncontrolled initial selection.",[1223,1248,1249,1250,1253],{},"String and number items become ",[420,1251,1252],{},"{ value: item, label: String(item) }",".",[1223,1255,1256,1257,1260,1261,1264,1265,1253],{},"Object items use ",[420,1258,1259],{},"value",", falling back to ",[420,1262,1263],{},"label","; their label falls back to ",[420,1266,1267],{},"String(value)",[1223,1269,1270,1271,1239,1273,1275],{},"Object items should provide at least ",[420,1272,1259],{},[420,1274,1263],{},", and every resolved value should be unique because it is also used as the render key.",[1223,1277,1278,1279,1282,1283,1285],{},"Group-level ",[420,1280,1281],{},"disabled"," disables every item. An item's ",[420,1284,1281],{}," field disables only that item.",[1223,1287,1288,1291],{},[420,1289,1290],{},"orientation"," changes connected-border layout; it does not reorder the supplied items.",[801,1293,1295],{"id":1294},"toggle-group-item","Toggle group item",[1297,1298,1299,1318],"table",{},[1300,1301,1302],"thead",{},[1303,1304,1305,1309,1312,1315],"tr",{},[1306,1307,1308],"th",{},"Field",[1306,1310,1311],{},"Type",[1306,1313,1314],{},"Default",[1306,1316,1317],{},"Description",[1319,1320,1321,1338,1357,1375,1394],"tbody",{},[1303,1322,1323,1328,1332,1335],{},[1324,1325,1326],"td",{},[420,1327,1263],{},[1324,1329,1330],{},[420,1331,893],{},[1324,1333,1334],{},"String form of the resolved value",[1324,1336,1337],{},"Visible item text.",[1303,1339,1340,1345,1349,1354],{},[1324,1341,1342],{},[420,1343,1344],{},"icon",[1324,1346,1347],{},[420,1348,893],{},[1324,1350,1351],{},[420,1352,1353],{},"undefined",[1324,1355,1356],{},"Leading Iconify icon name.",[1303,1358,1359,1363,1368,1372],{},[1324,1360,1361],{},[420,1362,1259],{},[1324,1364,1365],{},[420,1366,1367],{},"string | number",[1324,1369,1370],{},[420,1371,1263],{},[1324,1373,1374],{},"Selection value and render key.",[1303,1376,1377,1381,1386,1391],{},[1324,1378,1379],{},[420,1380,1281],{},[1324,1382,1383],{},[420,1384,1385],{},"boolean",[1324,1387,1388],{},[420,1389,1390],{},"false",[1324,1392,1393],{},"Prevents interaction for this item.",[1303,1395,1396,1401,1406,1409],{},[1324,1397,1398],{},[420,1399,1400],{},"[key: string]",[1324,1402,1403],{},[420,1404,1405],{},"any",[1324,1407,1408],{},"—",[1324,1410,1411],{},"Additional application data retained on the normalized item and exposed to the slot.",[417,1413,1414,1415,1417],{},"The ",[420,1416,785],{}," array also accepts primitive strings and numbers.",[412,1419,1421],{"id":1420},"props","Props",[1297,1423,1424,1437],{},[1300,1425,1426],{},[1303,1427,1428,1431,1433,1435],{},[1306,1429,1430],{},"Prop",[1306,1432,1311],{},[1306,1434,1314],{},[1306,1436,1317],{},[1319,1438,1439,1459,1477,1498,1516,1533,1553,1573,1593,1612,1630],{},[1303,1440,1441,1446,1451,1456],{},[1324,1442,1443],{},[420,1444,1445],{},"type",[1324,1447,1448],{},[420,1449,1450],{},"'single' | 'multiple'",[1324,1452,1453],{},[420,1454,1455],{},"'single'",[1324,1457,1458],{},"Whether one value or multiple values can be selected.",[1303,1460,1461,1465,1470,1474],{},[1324,1462,1463],{},[420,1464,1238],{},[1324,1466,1467],{},[420,1468,1469],{},"string | number | Array\u003Cstring | number>",[1324,1471,1472],{},[420,1473,1353],{},[1324,1475,1476],{},"Controlled selection; use an array for multiple mode.",[1303,1478,1479,1483,1487,1495],{},[1324,1480,1481],{},[420,1482,1245],{},[1324,1484,1485],{},[420,1486,1469],{},[1324,1488,1489,1490,1492,1493],{},"Single: ",[420,1491,1353],{},"; multiple: ",[420,1494,896],{},[1324,1496,1497],{},"Initial uncontrolled selection.",[1303,1499,1500,1504,1509,1513],{},[1324,1501,1502],{},[420,1503,785],{},[1324,1505,1506],{},[420,1507,1508],{},"Array\u003CToggleGroupItem | string | number>",[1324,1510,1511],{},[420,1512,1353],{},[1324,1514,1515],{},"Items to normalize and render.",[1303,1517,1518,1522,1526,1530],{},[1324,1519,1520],{},[420,1521,1281],{},[1324,1523,1524],{},[420,1525,1385],{},[1324,1527,1528],{},[420,1529,1390],{},[1324,1531,1532],{},"Disables every item in the group.",[1303,1534,1535,1540,1545,1550],{},[1324,1536,1537],{},[420,1538,1539],{},"color",[1324,1541,1542],{},[420,1543,1544],{},"Color",[1324,1546,1547],{},[420,1548,1549],{},"'primary'",[1324,1551,1552],{},"Semantic selected-state color.",[1303,1554,1555,1560,1565,1570],{},[1324,1556,1557],{},[420,1558,1559],{},"variant",[1324,1561,1562],{},[420,1563,1564],{},"'outline' | 'soft' | 'subtle'",[1324,1566,1567],{},[420,1568,1569],{},"'outline'",[1324,1571,1572],{},"Item surface, border, and selected-state treatment.",[1303,1574,1575,1580,1585,1590],{},[1324,1576,1577],{},[420,1578,1579],{},"size",[1324,1581,1582],{},[420,1583,1584],{},"'sm' | 'md' | 'lg' | 'xl'",[1324,1586,1587],{},[420,1588,1589],{},"'md'",[1324,1591,1592],{},"Item padding, text size, gap, and icon size.",[1303,1594,1595,1599,1604,1609],{},[1324,1596,1597],{},[420,1598,1290],{},[1324,1600,1601],{},[420,1602,1603],{},"'horizontal' | 'vertical'",[1324,1605,1606],{},[420,1607,1608],{},"'horizontal'",[1324,1610,1611],{},"Connected row or column layout.",[1303,1613,1614,1619,1623,1627],{},[1324,1615,1616],{},[420,1617,1618],{},"class",[1324,1620,1621],{},[420,1622,1405],{},[1324,1624,1625],{},[420,1626,1353],{},[1324,1628,1629],{},"Classes merged onto the group root.",[1303,1631,1632,1637,1642,1646],{},[1324,1633,1634],{},[420,1635,1636],{},"ui",[1324,1638,1639],{},[420,1640,1641],{},"Partial\u003CRecord\u003CToggleGroupSlot, any>>",[1324,1643,1644],{},[420,1645,1353],{},[1324,1647,1648],{},"Per-instance theme slot overrides.",[417,1650,1651,1653,1654,1657,1658,1657,1660,1657,1663,1657,1666,1657,1669,1672,1673,1676],{},[420,1652,1544],{}," defaults to ",[420,1655,1656],{},"primary",", ",[420,1659,1110],{},[420,1661,1662],{},"success",[420,1664,1665],{},"info",[420,1667,1668],{},"warning",[420,1670,1671],{},"error",", or ",[420,1674,1675],{},"neutral",", and supports consumer registry extensions.",[417,1678,1679,1680,1682,1683,1685,1686,1688,1689,1691,1692,1253],{},"Keep ",[420,1681,1445],{}," coherent with the value shape: scalar for ",[420,1684,1227],{},", array for ",[420,1687,1081],{},". The kit wrapper always defaults an omitted ",[420,1690,1445],{}," to ",[420,1693,1227],{},[412,1695,1697],{"id":1696},"emits","Emits",[1297,1699,1700,1712],{},[1300,1701,1702],{},[1303,1703,1704,1707,1710],{},[1306,1705,1706],{},"Event",[1306,1708,1709],{},"Payload",[1306,1711,1317],{},[1319,1713,1714],{},[1303,1715,1716,1721,1725],{},[1324,1717,1718],{},[420,1719,1720],{},"update:modelValue",[1324,1722,1723],{},[420,1724,1469],{},[1324,1726,1727,1728,1730],{},"Emitted after selection changes. In single mode, deselecting the active item produces ",[420,1729,1353],{}," at runtime.",[412,1732,1734],{"id":1733},"slots","Slots",[1297,1736,1737,1748],{},[1300,1738,1739],{},[1303,1740,1741,1744,1746],{},[1306,1742,1743],{},"Slot",[1306,1745,1421],{},[1306,1747,1317],{},[1319,1749,1750],{},[1303,1751,1752,1757,1762],{},[1324,1753,1754],{},[420,1755,1756],{},"default",[1324,1758,1759],{},[420,1760,1761],{},"{ item, index, iconColor }",[1324,1763,1764,1765,1768,1769,1772],{},"Replaces the built-in icon and label for every item. ",[420,1766,1767],{},"item"," is normalized and ",[420,1770,1771],{},"iconColor"," is a resolved hex string.",[412,1774,1776],{"id":1775},"styling-and-theming","Styling and theming",[417,1778,1779,1780,1783,1784,1253],{},"Override globally through ",[420,1781,1782],{},"appConfig.ui.toggleGroup"," or locally with ",[420,1785,1636],{},[1297,1787,1788,1798],{},[1300,1789,1790],{},[1303,1791,1792,1795],{},[1306,1793,1794],{},"UI slot",[1306,1796,1797],{},"Purpose",[1319,1799,1800,1810,1819,1829],{},[1303,1801,1802,1807],{},[1324,1803,1804],{},[420,1805,1806],{},"root",[1324,1808,1809],{},"Group direction, wrapping, and connected overlap.",[1303,1811,1812,1816],{},[1324,1813,1814],{},[420,1815,1767],{},[1324,1817,1818],{},"Toggle layout, spacing, borders, surfaces, rounding, and disabled state.",[1303,1820,1821,1826],{},[1324,1822,1823],{},[420,1824,1825],{},"leadingIcon",[1324,1827,1828],{},"Built-in icon size and state-dependent foreground.",[1303,1830,1831,1835],{},[1324,1832,1833],{},[420,1834,1263],{},[1324,1836,1837],{},"Built-in label truncation and state-dependent foreground.",[417,1839,1840,1841,1657,1843,1657,1845,1847,1848,1253],{},"The theme combines ",[420,1842,1539],{},[420,1844,1559],{},[420,1846,1579],{},", and ",[420,1849,1290],{},[1297,1851,1852,1862],{},[1300,1853,1854],{},[1303,1855,1856,1859],{},[1306,1857,1858],{},"Variant",[1306,1860,1861],{},"Appearance",[1319,1863,1864,1874,1883],{},[1303,1865,1866,1871],{},[1324,1867,1868],{},[420,1869,1870],{},"outline",[1324,1872,1873],{},"White items with neutral borders; selected items gain a semantic border and light surface.",[1303,1875,1876,1880],{},[1324,1877,1878],{},[420,1879,1125],{},[1324,1881,1882],{},"Neutral resting surface; selected items gain a stronger light semantic surface.",[1303,1884,1885,1890],{},[1324,1886,1887],{},[420,1888,1889],{},"subtle",[1324,1891,1892,1893,1895],{},"Lighter neutral border than ",[420,1894,1870],{},"; selected items use a soft semantic border and surface.",[417,1897,1898],{},"Horizontal groups use a wrapping row, overlap adjacent borders by one pixel, and round the first and last inline edges. Vertical groups use a column, overlap horizontal borders, round the top and bottom items, and make each item full width.",[412,1900,328],{"id":1901},"accessibility",[417,1903,1904,1905,1239,1908,1911],{},"Each item is exposed by the core primitive as a focusable native button and announces ",[420,1906,1907],{},"pressed",[420,1909,1910],{},"not pressed",". Disabled groups and items use the disabled trait.",[417,1913,1914,1915,1918],{},"The kit item shape does not currently forward an ",[420,1916,1917],{},"accessibility-label"," to individual toggle roots. Prefer visible, descriptive labels. Icon-only groups do not have a kit-level per-item labeling API today, so treat them as an accessibility limitation and test them with VoiceOver and TalkBack. The group root itself does not add a native group role, and the current accessibility layer does not bridge these semantics to web ARIA.",[412,1920,1922],{"id":1921},"platform-notes","Platform notes",[1220,1924,1925,1935,1944,1953],{},[1223,1926,1927,1928,1931,1932,1934],{},"Items respond to Lynx ",[420,1929,1930],{},"tap"," events through the ",[420,1933,41],{}," toggle primitives.",[1223,1936,1937,1938,1941,1942,1253],{},"Lynx SVG does not inherit ",[420,1939,1940],{},"currentColor","; built-in icons receive a resolved hex color, and custom slots receive the same value as ",[420,1943,1771],{},[1223,1945,1946,1947,1949,1950,1952],{},"Text color classes are applied directly to ",[420,1948,1825],{}," and ",[420,1951,1263],{}," because CSS inheritance is disabled in the Lynx build.",[1223,1954,1955,1956,1960],{},"The default theme uses vyui's semantic surface\u002Ftext\u002Fborder tokens, so it adapts automatically under dark mode (see ",[1957,1958,1959],"a",{"href":319},"Theming → Dark Mode",").",[412,1962,1964],{"id":1963},"related-components","Related components",[1220,1966,1967,1974,1981],{},[1223,1968,1969,1973],{},[1957,1970,1971],{"href":290},[420,1972,289],{}," for one independent pressed-state control.",[1223,1975,1976,1980],{},[1957,1977,1978],{"href":215},[420,1979,214],{}," for a required single-choice form field.",[1223,1982,1983,1987],{},[1957,1984,1985],{"href":273},[420,1986,272],{}," for an immediately applied binary setting.",[1989,1990,1991],"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 .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":453,"searchDepth":460,"depth":493,"links":1993},[1994,1995,1999,2002,2003,2004,2005,2006,2007,2008],{"id":414,"depth":493,"text":415},{"id":434,"depth":493,"text":435,"children":1996},[1997,1998],{"id":803,"depth":521,"text":804},{"id":1145,"depth":521,"text":1146},{"id":1217,"depth":493,"text":1218,"children":2000},[2001],{"id":1294,"depth":521,"text":1295},{"id":1420,"depth":493,"text":1421},{"id":1696,"depth":493,"text":1697},{"id":1733,"depth":493,"text":1734},{"id":1775,"depth":493,"text":1776},{"id":1901,"depth":493,"text":328},{"id":1921,"depth":493,"text":1922},{"id":1963,"depth":493,"text":1964},"Select one or multiple values from a connected set of toggles.","md",[2012],{"label":2013,"icon":2014,"to":2015,"target":2016},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FToggleGroup.vue","_blank",{},{"icon":162},{"title":293,"description":2009},"s-AI98ZK-0o-6bpOM90lrdS5_o9THhOfnbb64eHtG8U",[2022,2024],{"title":289,"path":290,"stem":291,"description":2023,"icon":-1,"children":-1,"navigation":-1},"Switch a button between pressed and unpressed states.",{"title":297,"path":298,"stem":299,"description":2025,"icon":-1,"children":-1,"navigation":-1},"A morphing multi-view bottom sheet that grows to fit each view.",1783534412695]