[{"data":1,"prerenderedAt":1086},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftoggle":406,"\u002Fcomponents\u002Ftoggle-surround":1081},[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":289,"body":408,"description":1069,"extension":1070,"links":1071,"meta":1077,"navigation":1078,"package":63,"path":290,"seo":1079,"stem":291,"__hash__":1080},"docs\u002F3.components\u002Ftoggle.md",{"type":409,"value":410,"toc":1045},"minimark",[411,416,424,429,433,444,446,451,454,457,461,467,470,474,534,538,718,747,751,780,784,812,816,825,858,872,926,945,948,957,963,967,995,1001,1009,1015,1018,1022],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423],"p",{},[420,421,422],"code",{},"VyToggle"," is a two-state button for options such as bold text, favorites, or pinned tools. It wraps the core toggle primitive with semantic colors, four visual variants, responsive sizing, and optional Iconify content.",[425,426],"component-code",{"name":427,"height":428},"toggle-example","120px",[412,430,432],{"id":431},"usage","Usage",[417,434,435,436,439,440,443],{},"Bind the pressed state with ",[420,437,438],{},"v-model",". Add an ",[420,441,442],{},"accessibility-label"," when the toggle contains only an icon.",[425,445],{"name":427},[447,448,450],"h3",{"id":449},"text-content","Text content",[417,452,453],{},"The default slot replaces the built-in icon, so it can contain text or a custom composition.",[425,455],{"name":456},"toggle-text",[447,458,460],{"id":459},"disabled","Disabled",[417,462,463,464,466],{},"Set ",[420,465,459],{}," to prevent taps and dim the control, in both the unpressed and pressed states.",[425,468],{"name":469},"toggle-disabled",[412,471,473],{"id":472},"features-and-behavior","Features and behavior",[475,476,477,489,502,507,513,531],"ul",{},[478,479,480,481,484,485,488],"li",{},"Tapping an enabled toggle inverts ",[420,482,483],{},"modelValue"," and emits ",[420,486,487],{},"update:modelValue",".",[478,490,491,492,494,495,498,499,501],{},"The kit component defaults ",[420,493,483],{}," to ",[420,496,497],{},"false","; use ",[420,500,438],{}," to retain user changes in application state.",[478,503,504,506],{},[420,505,459],{}," prevents taps, applies disabled semantics, and dims the control.",[478,508,509,510,488],{},"The default slot takes precedence over ",[420,511,512],{},"icon",[478,514,515,516,519,520,523,524,519,527,530],{},"The root exposes ",[420,517,518],{},"data-state=\"on\""," or ",[420,521,522],{},"data-state=\"off\""," and matching ",[420,525,526],{},"ui-on",[420,528,529],{},"ui-off"," classes through the core primitive.",[478,532,533],{},"Additional attributes, including native Lynx accessibility attributes, are inherited by the root toggle.",[412,535,537],{"id":536},"props","Props",[539,540,541,560],"table",{},[542,543,544],"thead",{},[545,546,547,551,554,557],"tr",{},[548,549,550],"th",{},"Prop",[548,552,553],{},"Type",[548,555,556],{},"Default",[548,558,559],{},"Description",[561,562,563,584,601,621,641,661,680,699],"tbody",{},[545,564,565,570,575,579],{},[566,567,568],"td",{},[420,569,483],{},[566,571,572],{},[420,573,574],{},"boolean",[566,576,577],{},[420,578,497],{},[566,580,581,582,488],{},"Pressed state, normally bound with ",[420,583,438],{},[545,585,586,590,594,598],{},[566,587,588],{},[420,589,459],{},[566,591,592],{},[420,593,574],{},[566,595,596],{},[420,597,497],{},[566,599,600],{},"Prevents interaction and applies disabled styling and semantics.",[545,602,603,608,613,618],{},[566,604,605],{},[420,606,607],{},"color",[566,609,610],{},[420,611,612],{},"Color",[566,614,615],{},[420,616,617],{},"'primary'",[566,619,620],{},"Semantic color used for the pressed appearance.",[545,622,623,628,633,638],{},[566,624,625],{},[420,626,627],{},"variant",[566,629,630],{},[420,631,632],{},"'solid' | 'outline' | 'soft' | 'ghost'",[566,634,635],{},[420,636,637],{},"'ghost'",[566,639,640],{},"Pressed-state surface and foreground treatment.",[545,642,643,648,653,658],{},[566,644,645],{},[420,646,647],{},"size",[566,649,650],{},[420,651,652],{},"'sm' | 'md' | 'lg' | 'xl'",[566,654,655],{},[420,656,657],{},"'md'",[566,659,660],{},"Padding, text size, gap, and built-in icon size.",[545,662,663,667,672,677],{},[566,664,665],{},[420,666,512],{},[566,668,669],{},[420,670,671],{},"string",[566,673,674],{},[420,675,676],{},"undefined",[566,678,679],{},"Iconify name rendered when the default slot is empty.",[545,681,682,687,692,696],{},[566,683,684],{},[420,685,686],{},"class",[566,688,689],{},[420,690,691],{},"any",[566,693,694],{},[420,695,676],{},[566,697,698],{},"Classes merged onto the root toggle.",[545,700,701,706,711,715],{},[566,702,703],{},[420,704,705],{},"ui",[566,707,708],{},[420,709,710],{},"Partial\u003CRecord\u003CToggleSlot, any>>",[566,712,713],{},[420,714,676],{},[566,716,717],{},"Per-instance theme slot overrides.",[417,719,720,722,723,726,727,726,730,726,733,726,736,726,739,742,743,746],{},[420,721,612],{}," defaults to ",[420,724,725],{},"primary",", ",[420,728,729],{},"secondary",[420,731,732],{},"success",[420,734,735],{},"info",[420,737,738],{},"warning",[420,740,741],{},"error",", or ",[420,744,745],{},"neutral",", and supports consumer registry extensions.",[412,748,750],{"id":749},"emits","Emits",[539,752,753,765],{},[542,754,755],{},[545,756,757,760,763],{},[548,758,759],{},"Event",[548,761,762],{},"Payload",[548,764,559],{},[561,766,767],{},[545,768,769,773,777],{},[566,770,771],{},[420,772,487],{},[566,774,775],{},[420,776,574],{},[566,778,779],{},"Emitted with the inverted pressed state after an enabled tap.",[412,781,783],{"id":782},"slots","Slots",[539,785,786,797],{},[542,787,788],{},[545,789,790,793,795],{},[548,791,792],{},"Slot",[548,794,537],{},[548,796,559],{},[561,798,799],{},[545,800,801,806,809],{},[566,802,803],{},[420,804,805],{},"default",[566,807,808],{},"—",[566,810,811],{},"Replaces the built-in icon.",[412,813,815],{"id":814},"styling-and-theming","Styling and theming",[417,817,818,819,822,823,488],{},"Override globally through ",[420,820,821],{},"appConfig.ui.toggle"," or locally with ",[420,824,705],{},[539,826,827,837],{},[542,828,829],{},[545,830,831,834],{},[548,832,833],{},"UI slot",[548,835,836],{},"Purpose",[561,838,839,849],{},[545,840,841,846],{},[566,842,843],{},[420,844,845],{},"base",[566,847,848],{},"Root layout, shape, typography, spacing, surface, and interaction states.",[545,850,851,855],{},[566,852,853],{},[420,854,512],{},[566,856,857],{},"Built-in icon size and foreground color.",[417,859,860,861,726,863,726,865,867,868,871],{},"The theme combines ",[420,862,607],{},[420,864,627],{},[420,866,647],{},", and the internal ",[420,869,870],{},"pressed"," state.",[539,873,874,884],{},[542,875,876],{},[545,877,878,881],{},[548,879,880],{},"Variant",[548,882,883],{},"Pressed appearance",[561,885,886,896,906,916],{},[545,887,888,893],{},[566,889,890],{},[420,891,892],{},"solid",[566,894,895],{},"Semantic filled surface with a white icon.",[545,897,898,903],{},[566,899,900],{},[420,901,902],{},"outline",[566,904,905],{},"Semantic border and foreground with a light active surface.",[545,907,908,913],{},[566,909,910],{},[420,911,912],{},"soft",[566,914,915],{},"Light semantic surface and semantic foreground.",[545,917,918,923],{},[566,919,920],{},[420,921,922],{},"ghost",[566,924,925],{},"Transparent surface with semantic foreground and active feedback.",[417,927,928,929,931,932,934,935,937,938,941,942,488],{},"The unpressed state uses a neutral icon and neutral active feedback regardless of ",[420,930,607],{},". The ",[420,933,647],{}," variant changes root spacing and the ",[420,936,512],{}," slot from ",[420,939,940],{},"size-5"," through ",[420,943,944],{},"size-7",[412,946,328],{"id":947},"accessibility",[417,949,950,951,519,953,956],{},"The core primitive exposes the root as a focusable native button and announces ",[420,952,870],{},[420,954,955],{},"not pressed",". Disabled toggles use the native disabled trait.",[417,958,959,960,962],{},"Provide ",[420,961,442],{}," for icon-only toggles. Text in the default slot gives sighted users context, but an explicit native label remains the safest choice when the control's purpose is not self-evident. The current accessibility layer targets Lynx native attributes; web ARIA bridging is not currently added by the primitive.",[412,964,966],{"id":965},"platform-notes","Platform notes",[475,968,969,980,987],{},[478,970,971,972,975,976,979],{},"The component renders a Lynx ",[420,973,974],{},"view"," through the core primitive and responds to the Lynx ",[420,977,978],{},"tap"," event.",[478,981,982,983,986],{},"Lynx SVG does not inherit ",[420,984,985],{},"currentColor",", so the theme places foreground classes directly on the built-in icon slot.",[478,988,989,990,994],{},"The default theme uses vyui's semantic surface\u002Ftext\u002Fborder tokens, so it adapts automatically under dark mode (see ",[991,992,993],"a",{"href":319},"Theming → Dark Mode",").",[412,996,998,999],{"id":997},"built-on-vyuicore","Built on ",[420,1000,41],{},[417,1002,1003,1005,1006,1008],{},[420,1004,422],{}," composes the headless ",[420,1007,41],{}," toggle primitive. Use it directly when you need full control over markup and styling.",[447,1010,1012,1014],{"id":1011},"toggle-props",[420,1013,289],{}," props",[1016,1017],"component-props",{"name":289},[412,1019,1021],{"id":1020},"related-components","Related components",[475,1023,1024,1031,1038],{},[478,1025,1026,1030],{},[991,1027,1028],{"href":294},[420,1029,293],{}," for a related set of single- or multiple-selection toggles.",[478,1032,1033,1037],{},[991,1034,1035],{"href":273},[420,1036,272],{}," for an immediately applied on\u002Foff setting.",[478,1039,1040,1044],{},[991,1041,1042],{"href":102},[420,1043,101],{}," for a one-time action without persistent pressed state.",{"title":1046,"searchDepth":1047,"depth":1048,"links":1049},"",1,2,[1050,1051,1056,1057,1058,1059,1060,1061,1062,1063,1068],{"id":414,"depth":1048,"text":415},{"id":431,"depth":1048,"text":432,"children":1052},[1053,1055],{"id":449,"depth":1054,"text":450},3,{"id":459,"depth":1054,"text":460},{"id":472,"depth":1048,"text":473},{"id":536,"depth":1048,"text":537},{"id":749,"depth":1048,"text":750},{"id":782,"depth":1048,"text":783},{"id":814,"depth":1048,"text":815},{"id":947,"depth":1048,"text":328},{"id":965,"depth":1048,"text":966},{"id":997,"depth":1048,"text":1064,"children":1065},"Built on @vyui\u002Fcore",[1066],{"id":1011,"depth":1054,"text":1067},"Toggle props",{"id":1020,"depth":1048,"text":1021},"Switch a button between pressed and unpressed states.","md",[1072],{"label":1073,"icon":1074,"to":1075,"target":1076},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FToggle.vue","_blank",{},{"icon":275},{"title":289,"description":1069},"BLgUtNsA6BOR231A1PZT0k5_7XfqxM4MG-Xha-eKhPY",[1082,1084],{"title":285,"path":286,"stem":287,"description":1083,"icon":-1,"children":-1,"navigation":-1},"Show transient feedback with optional actions, progress, stacking, and swipe dismissal.",{"title":293,"path":294,"stem":295,"description":1085,"icon":-1,"children":-1,"navigation":-1},"Select one or multiple values from a connected set of toggles.",1783534412164]