[{"data":1,"prerenderedAt":1168},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fform":313,"\u002Fcomponents\u002Fform-surround":1163},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"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","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":128,"body":315,"description":1151,"extension":1152,"links":1153,"meta":1159,"navigation":1160,"package":60,"path":129,"seo":1161,"stem":130,"__hash__":1162},"docs\u002F3.components\u002Fform.md",{"type":316,"value":317,"toc":1140},"minimark",[318,323,346,350,365,816,820,867,871,955,959,1002,1006,1035,1039,1042,1078,1081,1100,1104,1136],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330,331,333,334,337,338,345],"p",{},[327,328,329],"code",{},"VyForm"," wraps the headless ",[327,332,31],{}," FormRoot. It tracks field values keyed by name, runs synchronous validators, and emits ",[327,335,336],{},"submit"," with the collected values when the form is clean. Pair it with ",[339,340,342],"a",{"href":341},"\u002Fcomponents\u002Fform-field",[327,343,344],{},"VyFormField"," for per-field labels, errors, and validation.",[319,347,349],{"id":348},"usage","Usage",[324,351,352,353,356,357,360,361,364],{},"Provide ",[327,354,355],{},"defaultValues",", read live state from the default slot, and call the exposed ",[327,358,359],{},"submit()"," \u002F ",[327,362,363],{},"reset()"," via a template ref.",[366,367,372],"pre",{"className":368,"code":369,"language":370,"meta":371,"style":371},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyForm, VyFormField, VyInput, VyButton } from '@vyui\u002Fkit'\n\nconst form = ref()\n\nfunction onSubmit(values: Record\u003Cstring, unknown>) {\n  \u002F\u002F send values ...\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyForm\n    ref=\"form\"\n    :default-values=\"{ email: '' }\"\n    @submit=\"onSubmit\"\n  >\n    \u003Ctemplate #default=\"{ submitting }\">\n      \u003CVyFormField name=\"email\" label=\"Email\">\n        \u003CVyInput name=\"email\" \u002F>\n      \u003C\u002FVyFormField>\n\n      \u003CVyButton :loading=\"submitting\" label=\"Submit\" @tap=\"form.submit()\" \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyForm>\n\u003C\u002Ftemplate>\n","vue","",[327,373,374,409,437,473,480,497,502,541,548,554,564,569,579,588,604,619,634,640,671,705,727,737,742,787,797,807],{"__ignoreMap":371},[375,376,379,383,387,391,394,397,400,404,406],"span",{"class":377,"line":378},"line",1,[375,380,382],{"class":381},"sMK4o","\u003C",[375,384,386],{"class":385},"swJcz","script",[375,388,390],{"class":389},"spNyl"," setup",[375,392,393],{"class":389}," lang",[375,395,396],{"class":381},"=",[375,398,399],{"class":381},"\"",[375,401,403],{"class":402},"sfazB","ts",[375,405,399],{"class":381},[375,407,408],{"class":381},">\n",[375,410,412,416,419,423,426,429,432,434],{"class":377,"line":411},2,[375,413,415],{"class":414},"s7zQu","import",[375,417,418],{"class":381}," {",[375,420,422],{"class":421},"sTEyZ"," ref",[375,424,425],{"class":381}," }",[375,427,428],{"class":414}," from",[375,430,431],{"class":381}," '",[375,433,370],{"class":402},[375,435,436],{"class":381},"'\n",[375,438,440,442,444,447,450,453,455,458,460,463,465,467,469,471],{"class":377,"line":439},3,[375,441,415],{"class":414},[375,443,418],{"class":381},[375,445,446],{"class":421}," VyForm",[375,448,449],{"class":381},",",[375,451,452],{"class":421}," VyFormField",[375,454,449],{"class":381},[375,456,457],{"class":421}," VyInput",[375,459,449],{"class":381},[375,461,462],{"class":421}," VyButton",[375,464,425],{"class":381},[375,466,428],{"class":414},[375,468,431],{"class":381},[375,470,36],{"class":402},[375,472,436],{"class":381},[375,474,476],{"class":377,"line":475},4,[375,477,479],{"emptyLinePlaceholder":478},true,"\n",[375,481,483,486,489,491,494],{"class":377,"line":482},5,[375,484,485],{"class":389},"const",[375,487,488],{"class":421}," form ",[375,490,396],{"class":381},[375,492,422],{"class":493},"s2Zo4",[375,495,496],{"class":421},"()\n",[375,498,500],{"class":377,"line":499},6,[375,501,479],{"emptyLinePlaceholder":478},[375,503,505,508,511,514,518,521,525,527,530,532,535,538],{"class":377,"line":504},7,[375,506,507],{"class":389},"function",[375,509,510],{"class":493}," onSubmit",[375,512,513],{"class":381},"(",[375,515,517],{"class":516},"sHdIc","values",[375,519,520],{"class":381},":",[375,522,524],{"class":523},"sBMFI"," Record",[375,526,382],{"class":381},[375,528,529],{"class":523},"string",[375,531,449],{"class":381},[375,533,534],{"class":523}," unknown",[375,536,537],{"class":381},">)",[375,539,540],{"class":381}," {\n",[375,542,544],{"class":377,"line":543},8,[375,545,547],{"class":546},"sHwdD","  \u002F\u002F send values ...\n",[375,549,551],{"class":377,"line":550},9,[375,552,553],{"class":381},"}\n",[375,555,557,560,562],{"class":377,"line":556},10,[375,558,559],{"class":381},"\u003C\u002F",[375,561,386],{"class":385},[375,563,408],{"class":381},[375,565,567],{"class":377,"line":566},11,[375,568,479],{"emptyLinePlaceholder":478},[375,570,572,574,577],{"class":377,"line":571},12,[375,573,382],{"class":381},[375,575,576],{"class":385},"template",[375,578,408],{"class":381},[375,580,582,585],{"class":377,"line":581},13,[375,583,584],{"class":381},"  \u003C",[375,586,587],{"class":385},"VyForm\n",[375,589,591,594,596,598,601],{"class":377,"line":590},14,[375,592,593],{"class":389},"    ref",[375,595,396],{"class":381},[375,597,399],{"class":381},[375,599,600],{"class":402},"form",[375,602,603],{"class":381},"\"\n",[375,605,607,610,612,614,617],{"class":377,"line":606},15,[375,608,609],{"class":389},"    :default-values",[375,611,396],{"class":381},[375,613,399],{"class":381},[375,615,616],{"class":402},"{ email: '' }",[375,618,603],{"class":381},[375,620,622,625,627,629,632],{"class":377,"line":621},16,[375,623,624],{"class":389},"    @submit",[375,626,396],{"class":381},[375,628,399],{"class":381},[375,630,631],{"class":402},"onSubmit",[375,633,603],{"class":381},[375,635,637],{"class":377,"line":636},17,[375,638,639],{"class":381},"  >\n",[375,641,643,646,648,651,654,656,658,661,664,667,669],{"class":377,"line":642},18,[375,644,645],{"class":381},"    \u003C",[375,647,576],{"class":385},[375,649,650],{"class":381}," #",[375,652,653],{"class":389},"default",[375,655,396],{"class":381},[375,657,399],{"class":381},[375,659,660],{"class":381},"{",[375,662,663],{"class":421}," submitting ",[375,665,666],{"class":381},"}",[375,668,399],{"class":381},[375,670,408],{"class":381},[375,672,674,677,679,682,684,686,689,691,694,696,698,701,703],{"class":377,"line":673},19,[375,675,676],{"class":381},"      \u003C",[375,678,344],{"class":385},[375,680,681],{"class":389}," name",[375,683,396],{"class":381},[375,685,399],{"class":381},[375,687,688],{"class":402},"email",[375,690,399],{"class":381},[375,692,693],{"class":389}," label",[375,695,396],{"class":381},[375,697,399],{"class":381},[375,699,700],{"class":402},"Email",[375,702,399],{"class":381},[375,704,408],{"class":381},[375,706,708,711,714,716,718,720,722,724],{"class":377,"line":707},20,[375,709,710],{"class":381},"        \u003C",[375,712,713],{"class":385},"VyInput",[375,715,681],{"class":389},[375,717,396],{"class":381},[375,719,399],{"class":381},[375,721,688],{"class":402},[375,723,399],{"class":381},[375,725,726],{"class":381}," \u002F>\n",[375,728,730,733,735],{"class":377,"line":729},21,[375,731,732],{"class":381},"      \u003C\u002F",[375,734,344],{"class":385},[375,736,408],{"class":381},[375,738,740],{"class":377,"line":739},22,[375,741,479],{"emptyLinePlaceholder":478},[375,743,745,747,750,753,755,757,760,762,764,766,768,771,773,776,778,780,783,785],{"class":377,"line":744},23,[375,746,676],{"class":381},[375,748,749],{"class":385},"VyButton",[375,751,752],{"class":389}," :loading",[375,754,396],{"class":381},[375,756,399],{"class":381},[375,758,759],{"class":402},"submitting",[375,761,399],{"class":381},[375,763,693],{"class":389},[375,765,396],{"class":381},[375,767,399],{"class":381},[375,769,770],{"class":402},"Submit",[375,772,399],{"class":381},[375,774,775],{"class":389}," @tap",[375,777,396],{"class":381},[375,779,399],{"class":381},[375,781,782],{"class":402},"form.submit()",[375,784,399],{"class":381},[375,786,726],{"class":381},[375,788,790,793,795],{"class":377,"line":789},24,[375,791,792],{"class":381},"    \u003C\u002F",[375,794,576],{"class":385},[375,796,408],{"class":381},[375,798,800,803,805],{"class":377,"line":799},25,[375,801,802],{"class":381},"  \u003C\u002F",[375,804,329],{"class":385},[375,806,408],{"class":381},[375,808,810,812,814],{"class":377,"line":809},26,[375,811,559],{"class":381},[375,813,576],{"class":385},[375,815,408],{"class":381},[319,817,819],{"id":818},"features-and-behavior","Features and behavior",[821,822,823,832,845,853,861],"ul",{},[824,825,826,828,829,831],"li",{},[327,827,355],{}," seeds the initial field values and is what ",[327,830,363],{}," restores.",[824,833,834,835,837,838,841,842,844],{},"The default slot exposes live ",[327,836,517],{},", ",[327,839,840],{},"errors",", and ",[327,843,759],{}," state.",[824,846,847,849,850,852],{},[327,848,359],{}," runs synchronous validators and emits ",[327,851,336],{}," only when there are no errors.",[824,854,855,857,858,860],{},[327,856,363],{}," clears errors and restores ",[327,859,355],{},".",[824,862,863,866],{},[327,864,865],{},"disabled"," disables every nested field.",[319,868,870],{"id":869},"props","Props",[872,873,874,893],"table",{},[875,876,877],"thead",{},[878,879,880,884,887,890],"tr",{},[881,882,883],"th",{},"Prop",[881,885,886],{},"Type",[881,888,889],{},"Default",[881,891,892],{},"Description",[894,895,896,918,936],"tbody",{},[878,897,898,903,908,913],{},[899,900,901],"td",{},[327,902,355],{},[899,904,905],{},[327,906,907],{},"Record\u003Cstring, unknown>",[899,909,910],{},[327,911,912],{},"undefined",[899,914,915,916,860],{},"Initial values keyed by field name; used by ",[327,917,363],{},[878,919,920,924,929,933],{},[899,921,922],{},[327,923,865],{},[899,925,926],{},[327,927,928],{},"boolean",[899,930,931],{},[327,932,912],{},[899,934,935],{},"Disable every nested field.",[878,937,938,943,948,952],{},[899,939,940],{},[327,941,942],{},"class",[899,944,945],{},[327,946,947],{},"any",[899,949,950],{},[327,951,912],{},[899,953,954],{},"Classes applied to the form wrapper.",[319,956,958],{"id":957},"emits","Emits",[872,960,961,973],{},[875,962,963],{},[878,964,965,968,971],{},[881,966,967],{},"Event",[881,969,970],{},"Payload",[881,972,892],{},[894,974,975,988],{},[878,976,977,981,985],{},[899,978,979],{},[327,980,336],{},[899,982,983],{},[327,984,907],{},[899,986,987],{},"Emitted on a clean submit with the collected values.",[878,989,990,995,999],{},[899,991,992],{},[327,993,994],{},"update:values",[899,996,997],{},[327,998,907],{},[899,1000,1001],{},"Emitted whenever a field value changes.",[319,1003,1005],{"id":1004},"slots","Slots",[872,1007,1008,1019],{},[875,1009,1010],{},[878,1011,1012,1015,1017],{},[881,1013,1014],{},"Slot",[881,1016,870],{},[881,1018,892],{},[894,1020,1021],{},[878,1022,1023,1027,1032],{},[899,1024,1025],{},[327,1026,653],{},[899,1028,1029],{},[327,1030,1031],{},"{ values, errors, submitting }",[899,1033,1034],{},"Form content, with live state.",[319,1036,1038],{"id":1037},"exposed-methods","Exposed methods",[324,1040,1041],{},"Access these through a template ref on the component.",[872,1043,1044,1053],{},[875,1045,1046],{},[878,1047,1048,1051],{},[881,1049,1050],{},"Method",[881,1052,892],{},[894,1054,1055,1067],{},[878,1056,1057,1061],{},[899,1058,1059],{},[327,1060,359],{},[899,1062,1063,1064,1066],{},"Run sync validators and emit ",[327,1065,336],{}," when clean.",[878,1068,1069,1073],{},[899,1070,1071],{},[327,1072,363],{},[899,1074,1075,1076,860],{},"Clear errors and restore ",[327,1077,355],{},[319,1079,299],{"id":1080},"accessibility",[324,1082,1083,1085,1086,1088,1089,1093,1094,1099],{},[327,1084,329],{}," is a structural container and adds no styling of its own beyond the wrapper ",[327,1087,942],{},". Label each control through ",[339,1090,1091],{"href":341},[327,1092,344],{}," or ",[339,1095,1096],{"href":162},[327,1097,1098],{},"VyLabel"," so fields and their errors are announced.",[319,1101,1103],{"id":1102},"related-components","Related components",[821,1105,1106,1114,1129],{},[824,1107,1108,1113],{},[339,1109,1110],{"href":341},[327,1111,1112],{},"FormField"," for per-field label, error, and validation wiring.",[824,1115,1116,837,1120,841,1124,1128],{},[339,1117,1118],{"href":138},[327,1119,137],{},[339,1121,1122],{"href":274},[327,1123,273],{},[339,1125,1126],{"href":109},[327,1127,108],{}," for form controls.",[824,1130,1131,1135],{},[339,1132,1133],{"href":94},[327,1134,93],{}," for the submit control.",[1137,1138,1139],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":371,"searchDepth":378,"depth":411,"links":1141},[1142,1143,1144,1145,1146,1147,1148,1149,1150],{"id":321,"depth":411,"text":322},{"id":348,"depth":411,"text":349},{"id":818,"depth":411,"text":819},{"id":869,"depth":411,"text":870},{"id":957,"depth":411,"text":958},{"id":1004,"depth":411,"text":1005},{"id":1037,"depth":411,"text":1038},{"id":1080,"depth":411,"text":299},{"id":1102,"depth":411,"text":1103},"A form container that tracks values, runs validators, and emits submit.","md",[1154],{"label":1155,"icon":1156,"to":1157,"target":1158},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FForm.vue","_blank",{},{"icon":131},{"title":128,"description":1151},"VzjoTXfTmqpNFCITXjRNvaDJLXigUWG0Kl2dD4-jJZw",[1164,1166],{"title":123,"path":124,"stem":125,"description":1165,"icon":-1,"children":-1,"navigation":-1},"Headless 2D pan-gesture primitive with axis locking, bounds, momentum, and reset.",{"title":133,"path":134,"stem":135,"description":1167,"icon":-1,"children":-1,"navigation":-1},"Render registered Iconify data or a custom Vue component through Lynx-native SVG.",1783464068256]