[{"data":1,"prerenderedAt":2081},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftoggle-group":460,"\u002Fcomponents\u002Ftoggle-group-surround":2076},[4,34,51,301,327,332,337,406],{"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",{"title":407,"path":408,"stem":409,"children":410,"package":11,"icon":412},"Guides","\u002Fguides","8.guides\u002F1.index",[411,413,417,422,427,432,437,441,446,450,455],{"title":407,"path":408,"stem":409,"package":11,"icon":412},"i-lucide-book-open",{"title":414,"path":415,"stem":416,"package":11,"icon":348},"Instant first-frame rendering","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":418,"path":419,"stem":420,"package":11,"icon":421},"Why use Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":423,"path":424,"stem":425,"package":11,"icon":426},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":428,"path":429,"stem":430,"package":11,"icon":431},"What is Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":433,"path":434,"stem":435,"package":11,"icon":436},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":438,"path":439,"stem":440,"package":11,"icon":84},"Testing on your phone","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":442,"path":443,"stem":444,"package":11,"icon":445},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":447,"path":448,"stem":449,"package":11,"icon":27},"The rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":451,"path":452,"stem":453,"package":11,"icon":454},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":456,"path":457,"stem":458,"package":11,"icon":459},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":461,"title":293,"body":462,"description":2064,"extension":2065,"links":2066,"meta":2072,"navigation":2073,"package":63,"path":294,"seo":2074,"stem":295,"__hash__":2075},"docs\u002F3.components\u002Ftoggle-group.md",{"type":463,"value":464,"toc":2047},"minimark",[465,470,478,483,486,490,501,855,860,867,1198,1202,1205,1270,1274,1347,1351,1467,1473,1477,1704,1732,1749,1753,1786,1790,1828,1832,1841,1893,1905,1951,1954,1957,1967,1974,1978,2016,2020,2043],[466,467,469],"h2",{"id":468},"overview","Overview",[471,472,473,477],"p",{},[474,475,476],"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.",[479,480],"component-code",{"height":481,"name":482},"120px","toggle-group-example",[479,484],{"height":481,"name":485},"toggle-group-multiple",[466,487,489],{"id":488},"usage","Usage",[471,491,492,493,496,497,500],{},"Use ",[474,494,495],{},"type=\"single\""," with a scalar ",[474,498,499],{},"v-model",". Primitive strings and numbers are normalized into matching labels and values.",[502,503,508],"pre",{"className":504,"code":505,"language":506,"meta":507,"style":507},"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\u002Ftoggle-group'\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","",[474,509,510,545,573,594,601,629,642,693,736,780,786,796,801,811,846],{"__ignoreMap":507},[511,512,515,519,523,527,530,533,536,540,542],"span",{"class":513,"line":514},"line",1,[511,516,518],{"class":517},"sMK4o","\u003C",[511,520,522],{"class":521},"swJcz","script",[511,524,526],{"class":525},"spNyl"," setup",[511,528,529],{"class":525}," lang",[511,531,532],{"class":517},"=",[511,534,535],{"class":517},"\"",[511,537,539],{"class":538},"sfazB","ts",[511,541,535],{"class":517},[511,543,544],{"class":517},">\n",[511,546,548,552,555,559,562,565,568,570],{"class":513,"line":547},2,[511,549,551],{"class":550},"s7zQu","import",[511,553,554],{"class":517}," {",[511,556,558],{"class":557},"sTEyZ"," ref",[511,560,561],{"class":517}," }",[511,563,564],{"class":550}," from",[511,566,567],{"class":517}," '",[511,569,506],{"class":538},[511,571,572],{"class":517},"'\n",[511,574,576,578,580,583,585,587,589,592],{"class":513,"line":575},3,[511,577,551],{"class":550},[511,579,554],{"class":517},[511,581,582],{"class":557}," VyToggleGroup",[511,584,561],{"class":517},[511,586,564],{"class":550},[511,588,567],{"class":517},[511,590,591],{"class":538},"@vyui\u002Fkit\u002Ftoggle-group",[511,593,572],{"class":517},[511,595,597],{"class":513,"line":596},4,[511,598,600],{"emptyLinePlaceholder":599},true,"\n",[511,602,604,607,610,612,615,618,621,624,626],{"class":513,"line":603},5,[511,605,606],{"class":525},"const",[511,608,609],{"class":557}," alignment ",[511,611,532],{"class":517},[511,613,558],{"class":614},"s2Zo4",[511,616,617],{"class":557},"(",[511,619,620],{"class":517},"'",[511,622,623],{"class":538},"center",[511,625,620],{"class":517},[511,627,628],{"class":557},")\n",[511,630,632,634,637,639],{"class":513,"line":631},6,[511,633,606],{"class":525},[511,635,636],{"class":557}," items ",[511,638,532],{"class":517},[511,640,641],{"class":557}," [\n",[511,643,645,648,651,654,656,659,661,664,667,669,671,674,676,678,681,683,685,688,690],{"class":513,"line":644},7,[511,646,647],{"class":517},"  {",[511,649,650],{"class":521}," label",[511,652,653],{"class":517},":",[511,655,567],{"class":517},[511,657,658],{"class":538},"Left",[511,660,620],{"class":517},[511,662,663],{"class":517},",",[511,665,666],{"class":521}," value",[511,668,653],{"class":517},[511,670,567],{"class":517},[511,672,673],{"class":538},"left",[511,675,620],{"class":517},[511,677,663],{"class":517},[511,679,680],{"class":521}," icon",[511,682,653],{"class":517},[511,684,567],{"class":517},[511,686,687],{"class":538},"i-lucide-align-left",[511,689,620],{"class":517},[511,691,692],{"class":517}," },\n",[511,694,696,698,700,702,704,707,709,711,713,715,717,719,721,723,725,727,729,732,734],{"class":513,"line":695},8,[511,697,647],{"class":517},[511,699,650],{"class":521},[511,701,653],{"class":517},[511,703,567],{"class":517},[511,705,706],{"class":538},"Center",[511,708,620],{"class":517},[511,710,663],{"class":517},[511,712,666],{"class":521},[511,714,653],{"class":517},[511,716,567],{"class":517},[511,718,623],{"class":538},[511,720,620],{"class":517},[511,722,663],{"class":517},[511,724,680],{"class":521},[511,726,653],{"class":517},[511,728,567],{"class":517},[511,730,731],{"class":538},"i-lucide-align-center",[511,733,620],{"class":517},[511,735,692],{"class":517},[511,737,739,741,743,745,747,750,752,754,756,758,760,763,765,767,769,771,773,776,778],{"class":513,"line":738},9,[511,740,647],{"class":517},[511,742,650],{"class":521},[511,744,653],{"class":517},[511,746,567],{"class":517},[511,748,749],{"class":538},"Right",[511,751,620],{"class":517},[511,753,663],{"class":517},[511,755,666],{"class":521},[511,757,653],{"class":517},[511,759,567],{"class":517},[511,761,762],{"class":538},"right",[511,764,620],{"class":517},[511,766,663],{"class":517},[511,768,680],{"class":521},[511,770,653],{"class":517},[511,772,567],{"class":517},[511,774,775],{"class":538},"i-lucide-align-right",[511,777,620],{"class":517},[511,779,692],{"class":517},[511,781,783],{"class":513,"line":782},10,[511,784,785],{"class":557},"]\n",[511,787,789,792,794],{"class":513,"line":788},11,[511,790,791],{"class":517},"\u003C\u002F",[511,793,522],{"class":521},[511,795,544],{"class":517},[511,797,799],{"class":513,"line":798},12,[511,800,600],{"emptyLinePlaceholder":599},[511,802,804,806,809],{"class":513,"line":803},13,[511,805,518],{"class":517},[511,807,808],{"class":521},"template",[511,810,544],{"class":517},[511,812,814,817,819,822,824,826,829,831,834,836,838,841,843],{"class":513,"line":813},14,[511,815,816],{"class":517},"  \u003C",[511,818,476],{"class":521},[511,820,821],{"class":525}," v-model",[511,823,532],{"class":517},[511,825,535],{"class":517},[511,827,828],{"class":538},"alignment",[511,830,535],{"class":517},[511,832,833],{"class":525}," :items",[511,835,532],{"class":517},[511,837,535],{"class":517},[511,839,840],{"class":538},"items",[511,842,535],{"class":517},[511,844,845],{"class":517}," \u002F>\n",[511,847,849,851,853],{"class":513,"line":848},15,[511,850,791],{"class":517},[511,852,808],{"class":521},[511,854,544],{"class":517},[856,857,859],"h3",{"id":858},"multiple-selection","Multiple selection",[471,861,862,863,866],{},"Use an array model with ",[474,864,865],{},"type=\"multiple\"",". Tapping an item adds or removes its value.",[502,868,870],{"className":504,"code":869,"language":506,"meta":507,"style":507},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyToggleGroup } from '@vyui\u002Fkit\u002Ftoggle-group'\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",[474,871,872,892,910,928,932,968,978,1007,1037,1078,1082,1090,1094,1102,1109,1124,1139,1153,1168,1183,1189],{"__ignoreMap":507},[511,873,874,876,878,880,882,884,886,888,890],{"class":513,"line":514},[511,875,518],{"class":517},[511,877,522],{"class":521},[511,879,526],{"class":525},[511,881,529],{"class":525},[511,883,532],{"class":517},[511,885,535],{"class":517},[511,887,539],{"class":538},[511,889,535],{"class":517},[511,891,544],{"class":517},[511,893,894,896,898,900,902,904,906,908],{"class":513,"line":547},[511,895,551],{"class":550},[511,897,554],{"class":517},[511,899,558],{"class":557},[511,901,561],{"class":517},[511,903,564],{"class":550},[511,905,567],{"class":517},[511,907,506],{"class":538},[511,909,572],{"class":517},[511,911,912,914,916,918,920,922,924,926],{"class":513,"line":575},[511,913,551],{"class":550},[511,915,554],{"class":517},[511,917,582],{"class":557},[511,919,561],{"class":517},[511,921,564],{"class":550},[511,923,567],{"class":517},[511,925,591],{"class":538},[511,927,572],{"class":517},[511,929,930],{"class":513,"line":596},[511,931,600],{"emptyLinePlaceholder":599},[511,933,934,936,939,941,943,945,949,952,955,958,960,963,965],{"class":513,"line":603},[511,935,606],{"class":525},[511,937,938],{"class":557}," formatting ",[511,940,532],{"class":517},[511,942,558],{"class":614},[511,944,518],{"class":517},[511,946,948],{"class":947},"sBMFI","string",[511,950,951],{"class":557},"[]",[511,953,954],{"class":517},">",[511,956,957],{"class":557},"([",[511,959,620],{"class":517},[511,961,962],{"class":538},"bold",[511,964,620],{"class":517},[511,966,967],{"class":557},"])\n",[511,969,970,972,974,976],{"class":513,"line":631},[511,971,606],{"class":525},[511,973,636],{"class":557},[511,975,532],{"class":517},[511,977,641],{"class":557},[511,979,980,982,984,986,988,991,993,995,997,999,1001,1003,1005],{"class":513,"line":644},[511,981,647],{"class":517},[511,983,650],{"class":521},[511,985,653],{"class":517},[511,987,567],{"class":517},[511,989,990],{"class":538},"Bold",[511,992,620],{"class":517},[511,994,663],{"class":517},[511,996,666],{"class":521},[511,998,653],{"class":517},[511,1000,567],{"class":517},[511,1002,962],{"class":538},[511,1004,620],{"class":517},[511,1006,692],{"class":517},[511,1008,1009,1011,1013,1015,1017,1020,1022,1024,1026,1028,1030,1033,1035],{"class":513,"line":695},[511,1010,647],{"class":517},[511,1012,650],{"class":521},[511,1014,653],{"class":517},[511,1016,567],{"class":517},[511,1018,1019],{"class":538},"Italic",[511,1021,620],{"class":517},[511,1023,663],{"class":517},[511,1025,666],{"class":521},[511,1027,653],{"class":517},[511,1029,567],{"class":517},[511,1031,1032],{"class":538},"italic",[511,1034,620],{"class":517},[511,1036,692],{"class":517},[511,1038,1039,1041,1043,1045,1047,1050,1052,1054,1056,1058,1060,1063,1065,1067,1070,1072,1076],{"class":513,"line":738},[511,1040,647],{"class":517},[511,1042,650],{"class":521},[511,1044,653],{"class":517},[511,1046,567],{"class":517},[511,1048,1049],{"class":538},"Underline",[511,1051,620],{"class":517},[511,1053,663],{"class":517},[511,1055,666],{"class":521},[511,1057,653],{"class":517},[511,1059,567],{"class":517},[511,1061,1062],{"class":538},"underline",[511,1064,620],{"class":517},[511,1066,663],{"class":517},[511,1068,1069],{"class":521}," disabled",[511,1071,653],{"class":517},[511,1073,1075],{"class":1074},"sfNiH"," true",[511,1077,692],{"class":517},[511,1079,1080],{"class":513,"line":782},[511,1081,785],{"class":557},[511,1083,1084,1086,1088],{"class":513,"line":788},[511,1085,791],{"class":517},[511,1087,522],{"class":521},[511,1089,544],{"class":517},[511,1091,1092],{"class":513,"line":798},[511,1093,600],{"emptyLinePlaceholder":599},[511,1095,1096,1098,1100],{"class":513,"line":803},[511,1097,518],{"class":517},[511,1099,808],{"class":521},[511,1101,544],{"class":517},[511,1103,1104,1106],{"class":513,"line":813},[511,1105,816],{"class":517},[511,1107,1108],{"class":521},"VyToggleGroup\n",[511,1110,1111,1114,1116,1118,1121],{"class":513,"line":848},[511,1112,1113],{"class":525},"    v-model",[511,1115,532],{"class":517},[511,1117,535],{"class":517},[511,1119,1120],{"class":538},"formatting",[511,1122,1123],{"class":517},"\"\n",[511,1125,1127,1130,1132,1134,1137],{"class":513,"line":1126},16,[511,1128,1129],{"class":525},"    type",[511,1131,532],{"class":517},[511,1133,535],{"class":517},[511,1135,1136],{"class":538},"multiple",[511,1138,1123],{"class":517},[511,1140,1142,1145,1147,1149,1151],{"class":513,"line":1141},17,[511,1143,1144],{"class":525},"    :items",[511,1146,532],{"class":517},[511,1148,535],{"class":517},[511,1150,840],{"class":538},[511,1152,1123],{"class":517},[511,1154,1156,1159,1161,1163,1166],{"class":513,"line":1155},18,[511,1157,1158],{"class":525},"    color",[511,1160,532],{"class":517},[511,1162,535],{"class":517},[511,1164,1165],{"class":538},"secondary",[511,1167,1123],{"class":517},[511,1169,1171,1174,1176,1178,1181],{"class":513,"line":1170},19,[511,1172,1173],{"class":525},"    variant",[511,1175,532],{"class":517},[511,1177,535],{"class":517},[511,1179,1180],{"class":538},"soft",[511,1182,1123],{"class":517},[511,1184,1186],{"class":513,"line":1185},20,[511,1187,1188],{"class":517},"  \u002F>\n",[511,1190,1192,1194,1196],{"class":513,"line":1191},21,[511,1193,791],{"class":517},[511,1195,808],{"class":521},[511,1197,544],{"class":517},[856,1199,1201],{"id":1200},"custom-items","Custom items",[471,1203,1204],{},"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.",[502,1206,1208],{"className":504,"code":1207,"language":506,"meta":507,"style":507},"\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",[474,1209,1210,1242,1247,1252,1257,1262],{"__ignoreMap":507},[511,1211,1212,1214,1216,1218,1220,1222,1225,1227,1230,1232,1234,1236,1238,1240],{"class":513,"line":514},[511,1213,518],{"class":517},[511,1215,476],{"class":521},[511,1217,821],{"class":525},[511,1219,532],{"class":517},[511,1221,535],{"class":517},[511,1223,1224],{"class":557},"density",[511,1226,535],{"class":517},[511,1228,1229],{"class":517}," :",[511,1231,840],{"class":525},[511,1233,532],{"class":517},[511,1235,535],{"class":517},[511,1237,840],{"class":557},[511,1239,535],{"class":517},[511,1241,544],{"class":517},[511,1243,1244],{"class":513,"line":547},[511,1245,1246],{"class":557},"  \u003Ctemplate #default=\"{ item, iconColor }\">\n",[511,1248,1249],{"class":513,"line":575},[511,1250,1251],{"class":557},"    \u003CVyIcon :name=\"item.icon\" :color=\"iconColor\" \u002F>\n",[511,1253,1254],{"class":513,"line":596},[511,1255,1256],{"class":557},"    \u003Ctext>{{ item.label }}\u003C\u002Ftext>\n",[511,1258,1259],{"class":513,"line":603},[511,1260,1261],{"class":557},"  \u003C\u002Ftemplate>\n",[511,1263,1264,1266,1268],{"class":513,"line":631},[511,1265,791],{"class":517},[511,1267,476],{"class":521},[511,1269,544],{"class":517},[466,1271,1273],{"id":1272},"features-and-behavior","Features and behavior",[1275,1276,1277,1284,1289,1302,1309,1323,1331,1341],"ul",{},[1278,1279,1280,1283],"li",{},[474,1281,1282],{},"single"," mode stores one string or number. Tapping the selected item again clears the runtime value.",[1278,1285,1286,1288],{},[474,1287,1136],{}," mode stores an array and toggles each tapped value independently.",[1278,1290,492,1291,1294,1295,1297,1298,1301],{},[474,1292,1293],{},"modelValue"," or ",[474,1296,499],{}," for controlled state, or ",[474,1299,1300],{},"defaultValue"," for an uncontrolled initial selection.",[1278,1303,1304,1305,1308],{},"String and number items become ",[474,1306,1307],{},"{ value: item, label: String(item) }",".",[1278,1310,1311,1312,1315,1316,1319,1320,1308],{},"Object items use ",[474,1313,1314],{},"value",", falling back to ",[474,1317,1318],{},"label","; their label falls back to ",[474,1321,1322],{},"String(value)",[1278,1324,1325,1326,1294,1328,1330],{},"Object items should provide at least ",[474,1327,1314],{},[474,1329,1318],{},", and every resolved value should be unique because it is also used as the render key.",[1278,1332,1333,1334,1337,1338,1340],{},"Group-level ",[474,1335,1336],{},"disabled"," disables every item. An item's ",[474,1339,1336],{}," field disables only that item.",[1278,1342,1343,1346],{},[474,1344,1345],{},"orientation"," changes connected-border layout; it does not reorder the supplied items.",[856,1348,1350],{"id":1349},"toggle-group-item","Toggle group item",[1352,1353,1354,1373],"table",{},[1355,1356,1357],"thead",{},[1358,1359,1360,1364,1367,1370],"tr",{},[1361,1362,1363],"th",{},"Field",[1361,1365,1366],{},"Type",[1361,1368,1369],{},"Default",[1361,1371,1372],{},"Description",[1374,1375,1376,1393,1412,1430,1449],"tbody",{},[1358,1377,1378,1383,1387,1390],{},[1379,1380,1381],"td",{},[474,1382,1318],{},[1379,1384,1385],{},[474,1386,948],{},[1379,1388,1389],{},"String form of the resolved value",[1379,1391,1392],{},"Visible item text.",[1358,1394,1395,1400,1404,1409],{},[1379,1396,1397],{},[474,1398,1399],{},"icon",[1379,1401,1402],{},[474,1403,948],{},[1379,1405,1406],{},[474,1407,1408],{},"undefined",[1379,1410,1411],{},"Leading Iconify icon name.",[1358,1413,1414,1418,1423,1427],{},[1379,1415,1416],{},[474,1417,1314],{},[1379,1419,1420],{},[474,1421,1422],{},"string | number",[1379,1424,1425],{},[474,1426,1318],{},[1379,1428,1429],{},"Selection value and render key.",[1358,1431,1432,1436,1441,1446],{},[1379,1433,1434],{},[474,1435,1336],{},[1379,1437,1438],{},[474,1439,1440],{},"boolean",[1379,1442,1443],{},[474,1444,1445],{},"false",[1379,1447,1448],{},"Prevents interaction for this item.",[1358,1450,1451,1456,1461,1464],{},[1379,1452,1453],{},[474,1454,1455],{},"[key: string]",[1379,1457,1458],{},[474,1459,1460],{},"any",[1379,1462,1463],{},"—",[1379,1465,1466],{},"Additional application data retained on the normalized item and exposed to the slot.",[471,1468,1469,1470,1472],{},"The ",[474,1471,840],{}," array also accepts primitive strings and numbers.",[466,1474,1476],{"id":1475},"props","Props",[1352,1478,1479,1492],{},[1355,1480,1481],{},[1358,1482,1483,1486,1488,1490],{},[1361,1484,1485],{},"Prop",[1361,1487,1366],{},[1361,1489,1369],{},[1361,1491,1372],{},[1374,1493,1494,1514,1532,1553,1571,1588,1608,1628,1648,1667,1685],{},[1358,1495,1496,1501,1506,1511],{},[1379,1497,1498],{},[474,1499,1500],{},"type",[1379,1502,1503],{},[474,1504,1505],{},"'single' | 'multiple'",[1379,1507,1508],{},[474,1509,1510],{},"'single'",[1379,1512,1513],{},"Whether one value or multiple values can be selected.",[1358,1515,1516,1520,1525,1529],{},[1379,1517,1518],{},[474,1519,1293],{},[1379,1521,1522],{},[474,1523,1524],{},"string | number | Array\u003Cstring | number>",[1379,1526,1527],{},[474,1528,1408],{},[1379,1530,1531],{},"Controlled selection; use an array for multiple mode.",[1358,1533,1534,1538,1542,1550],{},[1379,1535,1536],{},[474,1537,1300],{},[1379,1539,1540],{},[474,1541,1524],{},[1379,1543,1544,1545,1547,1548],{},"Single: ",[474,1546,1408],{},"; multiple: ",[474,1549,951],{},[1379,1551,1552],{},"Initial uncontrolled selection.",[1358,1554,1555,1559,1564,1568],{},[1379,1556,1557],{},[474,1558,840],{},[1379,1560,1561],{},[474,1562,1563],{},"Array\u003CToggleGroupItem | string | number>",[1379,1565,1566],{},[474,1567,1408],{},[1379,1569,1570],{},"Items to normalize and render.",[1358,1572,1573,1577,1581,1585],{},[1379,1574,1575],{},[474,1576,1336],{},[1379,1578,1579],{},[474,1580,1440],{},[1379,1582,1583],{},[474,1584,1445],{},[1379,1586,1587],{},"Disables every item in the group.",[1358,1589,1590,1595,1600,1605],{},[1379,1591,1592],{},[474,1593,1594],{},"color",[1379,1596,1597],{},[474,1598,1599],{},"Color",[1379,1601,1602],{},[474,1603,1604],{},"'primary'",[1379,1606,1607],{},"Semantic selected-state color.",[1358,1609,1610,1615,1620,1625],{},[1379,1611,1612],{},[474,1613,1614],{},"variant",[1379,1616,1617],{},[474,1618,1619],{},"'outline' | 'soft' | 'subtle'",[1379,1621,1622],{},[474,1623,1624],{},"'outline'",[1379,1626,1627],{},"Item surface, border, and selected-state treatment.",[1358,1629,1630,1635,1640,1645],{},[1379,1631,1632],{},[474,1633,1634],{},"size",[1379,1636,1637],{},[474,1638,1639],{},"'sm' | 'md' | 'lg' | 'xl'",[1379,1641,1642],{},[474,1643,1644],{},"'md'",[1379,1646,1647],{},"Item padding, text size, gap, and icon size.",[1358,1649,1650,1654,1659,1664],{},[1379,1651,1652],{},[474,1653,1345],{},[1379,1655,1656],{},[474,1657,1658],{},"'horizontal' | 'vertical'",[1379,1660,1661],{},[474,1662,1663],{},"'horizontal'",[1379,1665,1666],{},"Connected row or column layout.",[1358,1668,1669,1674,1678,1682],{},[1379,1670,1671],{},[474,1672,1673],{},"class",[1379,1675,1676],{},[474,1677,1460],{},[1379,1679,1680],{},[474,1681,1408],{},[1379,1683,1684],{},"Classes merged onto the group root.",[1358,1686,1687,1692,1697,1701],{},[1379,1688,1689],{},[474,1690,1691],{},"ui",[1379,1693,1694],{},[474,1695,1696],{},"Partial\u003CRecord\u003CToggleGroupSlot, any>>",[1379,1698,1699],{},[474,1700,1408],{},[1379,1702,1703],{},"Per-instance theme slot overrides.",[471,1705,1706,1708,1709,1712,1713,1712,1715,1712,1718,1712,1721,1712,1724,1727,1728,1731],{},[474,1707,1599],{}," defaults to ",[474,1710,1711],{},"primary",", ",[474,1714,1165],{},[474,1716,1717],{},"success",[474,1719,1720],{},"info",[474,1722,1723],{},"warning",[474,1725,1726],{},"error",", or ",[474,1729,1730],{},"neutral",", and supports consumer registry extensions.",[471,1733,1734,1735,1737,1738,1740,1741,1743,1744,1746,1747,1308],{},"Keep ",[474,1736,1500],{}," coherent with the value shape: scalar for ",[474,1739,1282],{},", array for ",[474,1742,1136],{},". The kit wrapper always defaults an omitted ",[474,1745,1500],{}," to ",[474,1748,1282],{},[466,1750,1752],{"id":1751},"emits","Emits",[1352,1754,1755,1767],{},[1355,1756,1757],{},[1358,1758,1759,1762,1765],{},[1361,1760,1761],{},"Event",[1361,1763,1764],{},"Payload",[1361,1766,1372],{},[1374,1768,1769],{},[1358,1770,1771,1776,1780],{},[1379,1772,1773],{},[474,1774,1775],{},"update:modelValue",[1379,1777,1778],{},[474,1779,1524],{},[1379,1781,1782,1783,1785],{},"Emitted after selection changes. In single mode, deselecting the active item produces ",[474,1784,1408],{}," at runtime.",[466,1787,1789],{"id":1788},"slots","Slots",[1352,1791,1792,1803],{},[1355,1793,1794],{},[1358,1795,1796,1799,1801],{},[1361,1797,1798],{},"Slot",[1361,1800,1476],{},[1361,1802,1372],{},[1374,1804,1805],{},[1358,1806,1807,1812,1817],{},[1379,1808,1809],{},[474,1810,1811],{},"default",[1379,1813,1814],{},[474,1815,1816],{},"{ item, index, iconColor }",[1379,1818,1819,1820,1823,1824,1827],{},"Replaces the built-in icon and label for every item. ",[474,1821,1822],{},"item"," is normalized and ",[474,1825,1826],{},"iconColor"," is a resolved hex string.",[466,1829,1831],{"id":1830},"styling-and-theming","Styling and theming",[471,1833,1834,1835,1838,1839,1308],{},"Override globally through ",[474,1836,1837],{},"appConfig.ui.toggleGroup"," or locally with ",[474,1840,1691],{},[1352,1842,1843,1853],{},[1355,1844,1845],{},[1358,1846,1847,1850],{},[1361,1848,1849],{},"UI slot",[1361,1851,1852],{},"Purpose",[1374,1854,1855,1865,1874,1884],{},[1358,1856,1857,1862],{},[1379,1858,1859],{},[474,1860,1861],{},"root",[1379,1863,1864],{},"Group direction, wrapping, and connected overlap.",[1358,1866,1867,1871],{},[1379,1868,1869],{},[474,1870,1822],{},[1379,1872,1873],{},"Toggle layout, spacing, borders, surfaces, rounding, and disabled state.",[1358,1875,1876,1881],{},[1379,1877,1878],{},[474,1879,1880],{},"leadingIcon",[1379,1882,1883],{},"Built-in icon size and state-dependent foreground.",[1358,1885,1886,1890],{},[1379,1887,1888],{},[474,1889,1318],{},[1379,1891,1892],{},"Built-in label truncation and state-dependent foreground.",[471,1894,1895,1896,1712,1898,1712,1900,1902,1903,1308],{},"The theme combines ",[474,1897,1594],{},[474,1899,1614],{},[474,1901,1634],{},", and ",[474,1904,1345],{},[1352,1906,1907,1917],{},[1355,1908,1909],{},[1358,1910,1911,1914],{},[1361,1912,1913],{},"Variant",[1361,1915,1916],{},"Appearance",[1374,1918,1919,1929,1938],{},[1358,1920,1921,1926],{},[1379,1922,1923],{},[474,1924,1925],{},"outline",[1379,1927,1928],{},"White items with neutral borders; selected items gain a semantic border and light surface.",[1358,1930,1931,1935],{},[1379,1932,1933],{},[474,1934,1180],{},[1379,1936,1937],{},"Neutral resting surface; selected items gain a stronger light semantic surface.",[1358,1939,1940,1945],{},[1379,1941,1942],{},[474,1943,1944],{},"subtle",[1379,1946,1947,1948,1950],{},"Lighter neutral border than ",[474,1949,1925],{},"; selected items use a soft semantic border and surface.",[471,1952,1953],{},"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.",[466,1955,328],{"id":1956},"accessibility",[471,1958,1959,1960,1294,1963,1966],{},"Each item is exposed by the core primitive as a focusable native button and announces ",[474,1961,1962],{},"pressed",[474,1964,1965],{},"not pressed",". Disabled groups and items use the disabled trait.",[471,1968,1969,1970,1973],{},"The kit item shape does not currently forward an ",[474,1971,1972],{},"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.",[466,1975,1977],{"id":1976},"platform-notes","Platform notes",[1275,1979,1980,1990,1999,2008],{},[1278,1981,1982,1983,1986,1987,1989],{},"Items respond to Lynx ",[474,1984,1985],{},"tap"," events through the ",[474,1988,41],{}," toggle primitives.",[1278,1991,1992,1993,1996,1997,1308],{},"Lynx SVG does not inherit ",[474,1994,1995],{},"currentColor","; built-in icons receive a resolved hex color, and custom slots receive the same value as ",[474,1998,1826],{},[1278,2000,2001,2002,2004,2005,2007],{},"Text color classes are applied directly to ",[474,2003,1880],{}," and ",[474,2006,1318],{}," because CSS inheritance is disabled in the Lynx build.",[1278,2009,2010,2011,2015],{},"The default theme uses vyui's semantic surface\u002Ftext\u002Fborder tokens, so it adapts automatically under dark mode (see ",[2012,2013,2014],"a",{"href":319},"Theming → Dark Mode",").",[466,2017,2019],{"id":2018},"related-components","Related components",[1275,2021,2022,2029,2036],{},[1278,2023,2024,2028],{},[2012,2025,2026],{"href":290},[474,2027,289],{}," for one independent pressed-state control.",[1278,2030,2031,2035],{},[2012,2032,2033],{"href":215},[474,2034,214],{}," for a required single-choice form field.",[1278,2037,2038,2042],{},[2012,2039,2040],{"href":273},[474,2041,272],{}," for an immediately applied binary setting.",[2044,2045,2046],"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":507,"searchDepth":514,"depth":547,"links":2048},[2049,2050,2054,2057,2058,2059,2060,2061,2062,2063],{"id":468,"depth":547,"text":469},{"id":488,"depth":547,"text":489,"children":2051},[2052,2053],{"id":858,"depth":575,"text":859},{"id":1200,"depth":575,"text":1201},{"id":1272,"depth":547,"text":1273,"children":2055},[2056],{"id":1349,"depth":575,"text":1350},{"id":1475,"depth":547,"text":1476},{"id":1751,"depth":547,"text":1752},{"id":1788,"depth":547,"text":1789},{"id":1830,"depth":547,"text":1831},{"id":1956,"depth":547,"text":328},{"id":1976,"depth":547,"text":1977},{"id":2018,"depth":547,"text":2019},"Select one or multiple values from a connected set of toggles.","md",[2067],{"label":2068,"icon":2069,"to":2070,"target":2071},"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":2064},"e_11V1JLatyNcJQ2GLeabRFC7-ExeqXe_rnZa2XBv1E",[2077,2079],{"title":289,"path":290,"stem":291,"description":2078,"icon":-1,"children":-1,"navigation":-1},"Switch a button between pressed and unpressed states.",{"title":297,"path":298,"stem":299,"description":2080,"icon":-1,"children":-1,"navigation":-1},"A morphing multi-view bottom sheet that grows to fit each view.",1785060118708]