[{"data":1,"prerenderedAt":339},["ShallowReactive",2],{"docs-nav-pkg":3,"docs-page-pkg-\u002Fpkg\u002Fform":133},[4,8,12,15,18,21,24,27,30,33,36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,121,124,127,130],{"path":5,"title":6,"section":7},"\u002Fpkg","Overview","Start",{"path":9,"title":10,"section":11},"\u002Fpkg\u002Faccordion","Accordion","Components",{"path":13,"title":14,"section":11},"\u002Fpkg\u002Falert-dialog","Alert Dialog",{"path":16,"title":17,"section":11},"\u002Fpkg\u002Fautocomplete","Autocomplete",{"path":19,"title":20,"section":11},"\u002Fpkg\u002Favatar","Avatar",{"path":22,"title":23,"section":11},"\u002Fpkg\u002Fbutton","Button",{"path":25,"title":26,"section":11},"\u002Fpkg\u002Fcheckbox","Checkbox",{"path":28,"title":29,"section":11},"\u002Fpkg\u002Fcheckbox-group","Checkbox Group",{"path":31,"title":32,"section":11},"\u002Fpkg\u002Fcollapsible","Collapsible",{"path":34,"title":35,"section":11},"\u002Fpkg\u002Fcombobox","Combobox",{"path":37,"title":38,"section":11},"\u002Fpkg\u002Fcontext-menu","Context Menu",{"path":40,"title":41,"section":11},"\u002Fpkg\u002Fdialog","Dialog",{"path":43,"title":44,"section":11},"\u002Fpkg\u002Fdrawer","Drawer",{"path":46,"title":47,"section":11},"\u002Fpkg\u002Ffield","Field",{"path":49,"title":50,"section":11},"\u002Fpkg\u002Ffieldset","Fieldset",{"path":52,"title":53,"section":11},"\u002Fpkg\u002Fform","Form",{"path":55,"title":56,"section":11},"\u002Fpkg\u002Ficon-picker","Icon picker",{"path":58,"title":59,"section":11},"\u002Fpkg\u002Finput","Input",{"path":61,"title":62,"section":11},"\u002Fpkg\u002Fmenu","Menu",{"path":64,"title":65,"section":11},"\u002Fpkg\u002Fmenubar","Menubar",{"path":67,"title":68,"section":11},"\u002Fpkg\u002Fmeter","Meter",{"path":70,"title":71,"section":11},"\u002Fpkg\u002Fnavigation-menu","Navigation Menu",{"path":73,"title":74,"section":11},"\u002Fpkg\u002Fnumber-field","Number Field",{"path":76,"title":77,"section":11},"\u002Fpkg\u002Fotp-field","OTP Field",{"path":79,"title":80,"section":11},"\u002Fpkg\u002Fplot","Plot",{"path":82,"title":83,"section":11},"\u002Fpkg\u002Fpopover","Popover",{"path":85,"title":86,"section":11},"\u002Fpkg\u002Fpreview-card","Preview Card",{"path":88,"title":89,"section":11},"\u002Fpkg\u002Fprogress","Progress",{"path":91,"title":92,"section":11},"\u002Fpkg\u002Fradio-group","Radio Group",{"path":94,"title":95,"section":11},"\u002Fpkg\u002Fscroll-area","Scroll Area",{"path":97,"title":98,"section":11},"\u002Fpkg\u002Fselect","Select",{"path":100,"title":101,"section":11},"\u002Fpkg\u002Fseparator","Separator",{"path":103,"title":104,"section":11},"\u002Fpkg\u002Fsidebar","Sidebar",{"path":106,"title":107,"section":11},"\u002Fpkg\u002Fslider","Slider",{"path":109,"title":110,"section":11},"\u002Fpkg\u002Fswitch","Switch",{"path":112,"title":113,"section":11},"\u002Fpkg\u002Ftabs","Tabs",{"path":115,"title":116,"section":11},"\u002Fpkg\u002Ftoast","Toast",{"path":118,"title":119,"section":120},"\u002Fpkg\u002Fapi","Api","Runtime",{"path":122,"title":123,"section":120},"\u002Fpkg\u002Fauth","Auth",{"path":125,"title":126,"section":120},"\u002Fpkg\u002Fblob","Blob",{"path":128,"title":129,"section":120},"\u002Fpkg\u002Fchannels","Channels",{"path":131,"title":132,"section":120},"\u002Fpkg\u002Fdb","Db",{"id":134,"title":53,"body":135,"description":332,"extension":333,"meta":334,"navigation":335,"path":52,"section":11,"seo":336,"stem":337,"__hash__":338},"pkg\u002Fpkg\u002Fform.md",{"type":136,"value":137,"toc":328},"minimark",[138,151,154,159,263,267,307,324],[139,140,141,142,146,147,150],"p",{},"A native form with consolidated error handling. Submit ",[143,144,145],"code",{},"https:\u002F\u002Fexample.com"," in the demo to see a mapped field error. ",[143,148,149],{},"color"," passes through to descendant fields.",[152,153],"base-form-demo",{},[155,156,158],"h2",{"id":157},"anatomy","Anatomy",[160,161,166],"pre",{"className":162,"code":163,"language":164,"meta":165,"style":165},"language-vue shiki shiki-themes github-light github-dark","\u003CUiForm :errors=\"errors\" @form-submit=\"onSubmit\">\n  \u003CUiFieldRoot name=\"url\">\n    \u003CUiFieldLabel>Homepage\u003C\u002FUiFieldLabel>\n    \u003CUiFieldControl type=\"url\" required \u002F>\n    \u003CUiFieldError \u002F>\n  \u003C\u002FUiFieldRoot>\n  \u003CUiButton type=\"submit\">Submit\u003C\u002FUiButton>\n\u003C\u002FUiForm>\n","vue","",[143,167,168,217,223,229,235,241,247,253],{"__ignoreMap":165},[169,170,173,177,181,184,188,191,195,197,199,202,205,207,209,212,214],"span",{"class":171,"line":172},"line",1,[169,174,176],{"class":175},"sVt8B","\u003C",[169,178,180],{"class":179},"s9eBZ","UiForm",[169,182,183],{"class":175}," :",[169,185,187],{"class":186},"sScJk","errors",[169,189,190],{"class":175},"=",[169,192,194],{"class":193},"sZZnC","\"",[169,196,187],{"class":175},[169,198,194],{"class":193},[169,200,201],{"class":175}," @",[169,203,204],{"class":186},"form-submit",[169,206,190],{"class":175},[169,208,194],{"class":193},[169,210,211],{"class":175},"onSubmit",[169,213,194],{"class":193},[169,215,216],{"class":175},">\n",[169,218,220],{"class":171,"line":219},2,[169,221,222],{"class":175},"  \u003CUiFieldRoot name=\"url\">\n",[169,224,226],{"class":171,"line":225},3,[169,227,228],{"class":175},"    \u003CUiFieldLabel>Homepage\u003C\u002FUiFieldLabel>\n",[169,230,232],{"class":171,"line":231},4,[169,233,234],{"class":175},"    \u003CUiFieldControl type=\"url\" required \u002F>\n",[169,236,238],{"class":171,"line":237},5,[169,239,240],{"class":175},"    \u003CUiFieldError \u002F>\n",[169,242,244],{"class":171,"line":243},6,[169,245,246],{"class":175},"  \u003C\u002FUiFieldRoot>\n",[169,248,250],{"class":171,"line":249},7,[169,251,252],{"class":175},"  \u003CUiButton type=\"submit\">Submit\u003C\u002FUiButton>\n",[169,254,256,259,261],{"class":171,"line":255},8,[169,257,258],{"class":175},"\u003C\u002F",[169,260,180],{"class":179},[169,262,216],{"class":175},[155,264,266],{"id":265},"parts","Parts",[268,269,270,292],"ul",{},[271,272,273,276,277,280,281,283,284,287,288,291],"li",{},[274,275,53],"strong",{}," — native ",[143,278,279],{},"\u003Cform novalidate>",". ",[143,282,187],{}," is a map of field ",[143,285,286],{},"name"," to message. ",[143,289,290],{},"@form-submit"," receives the values as an object after client validation passes.",[271,293,294,296,297,299,300,302,303,306],{},[274,295,47],{}," — ",[143,298,286],{}," must match the ",[143,301,187],{}," key. Empty ",[143,304,305],{},"Error"," shows the native or server message.",[139,308,309,312,313,315,316,319,320,323],{},[143,310,311],{},"validationMode"," defaults to ",[143,314,211],{},", then fields re-validate on change. Use ",[143,317,318],{},"UiButton"," with ",[143,321,322],{},"type=\"submit\""," — the default button type does not submit.",[325,326,327],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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":165,"searchDepth":219,"depth":219,"links":329},[330,331],{"id":157,"depth":219,"text":158},{"id":265,"depth":219,"text":266},"A native form with consolidated error handling","md",{},true,{"title":53,"description":332},"pkg\u002Fform","0cis8EA8sRboSw2KGLSIHAz-xXEfsaUERYNU3lotL-U",1791043754661]