[{"data":1,"prerenderedAt":1088},["ShallowReactive",2],{"content-\u002Fen\u002Fcomponents\u002Fcheckbox":3,"content-en-fallback-\u002Fen\u002Fcomponents\u002Fcheckbox":590},{"id":4,"title":5,"body":6,"description":581,"extension":582,"meta":583,"nav":584,"navigation":585,"path":586,"seo":587,"stem":588,"__hash__":589},"content_en\u002Fen\u002Fcomponents\u002Fcheckbox.md","Checkbox",{"type":7,"value":8,"toc":574},"minimark",[9,13,17,22,30,112,116,133,281,285,298,381,385,407,453,457,560,570],[10,11,5],"h1",{"id":12},"checkbox",[14,15,16],"p",{},"A checkbox allows users to select one or more options from a group. Its styling reproduces the WinUI 3 (Windows App SDK) CheckBox, and its interaction primitives reuse reka-ui. When transitioning from \"unchecked\" to \"checked \u002F indeterminate\", the glyph eases in from left to right (matching the WinUI CheckGlyph drawing animation); when unchecking, the glyph disappears immediately.",[18,19,21],"h2",{"id":20},"basic-usage","Basic usage",[14,23,24,25,29],{},"Bind a boolean value with ",[26,27,28],"code",{},"v-model","; by default the checkbox toggles after a single click.",[31,32,33,40],"demo-block",{"title":21},[34,35,37],"template",{"v-slot:preview":36},"",[38,39],"checkbox-basic-demo",{},[34,41,42],{"v-slot:code":36},[43,44,48],"pre",{"className":45,"code":46,"language":47,"meta":36,"style":36},"language-vue shiki shiki-themes github-light github-dark","\u003CFluereCheckbox v-model=\"agree\">Agree to the terms of service\u003C\u002FFluereCheckbox>\n\u003CFluereCheckbox v-model=\"subscribe\">Subscribe to product updates\u003C\u002FFluereCheckbox>\n","vue",[26,49,50,87],{"__ignoreMap":36},[51,52,55,59,63,67,70,74,77,79,82,84],"span",{"class":53,"line":54},"line",1,[51,56,58],{"class":57},"sVt8B","\u003C",[51,60,62],{"class":61},"s9eBZ","FluereCheckbox",[51,64,66],{"class":65},"sScJk"," v-model",[51,68,69],{"class":57},"=",[51,71,73],{"class":72},"sZZnC","\"",[51,75,76],{"class":57},"agree",[51,78,73],{"class":72},[51,80,81],{"class":57},">Agree to the terms of service\u003C\u002F",[51,83,62],{"class":61},[51,85,86],{"class":57},">\n",[51,88,90,92,94,96,98,100,103,105,108,110],{"class":53,"line":89},2,[51,91,58],{"class":57},[51,93,62],{"class":61},[51,95,66],{"class":65},[51,97,69],{"class":57},[51,99,73],{"class":72},[51,101,102],{"class":57},"subscribe",[51,104,73],{"class":72},[51,106,107],{"class":57},">Subscribe to product updates\u003C\u002F",[51,109,62],{"class":61},[51,111,86],{"class":57},[18,113,115],{"id":114},"indeterminate-three-state","Indeterminate (three-state)",[14,117,118,121,122,125,126,125,129,132],{},[26,119,120],{},"modelValue"," supports ",[26,123,124],{},"true"," \u002F ",[26,127,128],{},"false",[26,130,131],{},"'indeterminate'",". The indeterminate state renders as a horizontal-bar glyph, and clicking again enters the checked state. When used with \"select all\", first read the child items, then write back to each child item.",[31,134,136,141],{"title":135},"Select all · Indeterminate state",[34,137,138],{"v-slot:preview":36},[139,140],"checkbox-indeterminate-demo",{},[34,142,143],{"v-slot:code":36},[43,144,146],{"className":45,"code":145,"language":47,"meta":36,"style":36},"\u003CFluereCheckbox :model-value=\"allState\" @update:model-value=\"toggleAll\">\n  Select all\n\u003C\u002FFluereCheckbox>\n\u003CFluereCheckbox v-model=\"a\">Option A\u003C\u002FFluereCheckbox>\n\u003CFluereCheckbox v-model=\"b\">Option B\u003C\u002FFluereCheckbox>\n\u003CFluereCheckbox v-model=\"c\">Option C\u003C\u002FFluereCheckbox>\n",[26,147,148,191,196,206,231,256],{"__ignoreMap":36},[51,149,150,152,154,157,160,162,164,167,169,172,175,178,180,182,184,187,189],{"class":53,"line":54},[51,151,58],{"class":57},[51,153,62],{"class":61},[51,155,156],{"class":57}," :",[51,158,159],{"class":65},"model-value",[51,161,69],{"class":57},[51,163,73],{"class":72},[51,165,166],{"class":57},"allState",[51,168,73],{"class":72},[51,170,171],{"class":57}," @",[51,173,174],{"class":65},"update",[51,176,177],{"class":57},":",[51,179,159],{"class":65},[51,181,69],{"class":57},[51,183,73],{"class":72},[51,185,186],{"class":57},"toggleAll",[51,188,73],{"class":72},[51,190,86],{"class":57},[51,192,193],{"class":53,"line":89},[51,194,195],{"class":57},"  Select all\n",[51,197,199,202,204],{"class":53,"line":198},3,[51,200,201],{"class":57},"\u003C\u002F",[51,203,62],{"class":61},[51,205,86],{"class":57},[51,207,209,211,213,215,217,219,222,224,227,229],{"class":53,"line":208},4,[51,210,58],{"class":57},[51,212,62],{"class":61},[51,214,66],{"class":65},[51,216,69],{"class":57},[51,218,73],{"class":72},[51,220,221],{"class":57},"a",[51,223,73],{"class":72},[51,225,226],{"class":57},">Option A\u003C\u002F",[51,228,62],{"class":61},[51,230,86],{"class":57},[51,232,234,236,238,240,242,244,247,249,252,254],{"class":53,"line":233},5,[51,235,58],{"class":57},[51,237,62],{"class":61},[51,239,66],{"class":65},[51,241,69],{"class":57},[51,243,73],{"class":72},[51,245,246],{"class":57},"b",[51,248,73],{"class":72},[51,250,251],{"class":57},">Option B\u003C\u002F",[51,253,62],{"class":61},[51,255,86],{"class":57},[51,257,259,261,263,265,267,269,272,274,277,279],{"class":53,"line":258},6,[51,260,58],{"class":57},[51,262,62],{"class":61},[51,264,66],{"class":65},[51,266,69],{"class":57},[51,268,73],{"class":72},[51,270,271],{"class":57},"c",[51,273,73],{"class":72},[51,275,276],{"class":57},">Option C\u003C\u002F",[51,278,62],{"class":61},[51,280,86],{"class":57},[18,282,284],{"id":283},"disabled","Disabled",[14,286,287,288,290,291,125,294,297],{},"When ",[26,289,283],{},", it is not interactive, and the fill, stroke, glyph, and text fall into the disabled tier (matching WinUI ",[26,292,293],{},"ControlStrokeColorDisabled",[26,295,296],{},"AccentFillColorDisabled",").",[31,299,301,306],{"title":300},"Disabled state",[34,302,303],{"v-slot:preview":36},[304,305],"checkbox-disabled-demo",{},[34,307,308],{"v-slot:code":36},[43,309,311],{"className":45,"code":310,"language":47,"meta":36,"style":36},"\u003CFluereCheckbox disabled>Unchecked (disabled)\u003C\u002FFluereCheckbox>\n\u003CFluereCheckbox disabled :model-value=\"true\">Checked (disabled)\u003C\u002FFluereCheckbox>\n\u003CFluereCheckbox disabled :model-value=\"'indeterminate'\">Indeterminate (disabled)\u003C\u002FFluereCheckbox>\n",[26,312,313,329,357],{"__ignoreMap":36},[51,314,315,317,319,322,325,327],{"class":53,"line":54},[51,316,58],{"class":57},[51,318,62],{"class":61},[51,320,321],{"class":65}," disabled",[51,323,324],{"class":57},">Unchecked (disabled)\u003C\u002F",[51,326,62],{"class":61},[51,328,86],{"class":57},[51,330,331,333,335,337,339,341,343,345,348,350,353,355],{"class":53,"line":89},[51,332,58],{"class":57},[51,334,62],{"class":61},[51,336,321],{"class":65},[51,338,156],{"class":57},[51,340,159],{"class":65},[51,342,69],{"class":57},[51,344,73],{"class":72},[51,346,124],{"class":347},"sj4cs",[51,349,73],{"class":72},[51,351,352],{"class":57},">Checked (disabled)\u003C\u002F",[51,354,62],{"class":61},[51,356,86],{"class":57},[51,358,359,361,363,365,367,369,371,374,377,379],{"class":53,"line":198},[51,360,58],{"class":57},[51,362,62],{"class":61},[51,364,321],{"class":65},[51,366,156],{"class":57},[51,368,159],{"class":65},[51,370,69],{"class":57},[51,372,373],{"class":72},"\"'indeterminate'\"",[51,375,376],{"class":57},">Indeterminate (disabled)\u003C\u002F",[51,378,62],{"class":61},[51,380,86],{"class":57},[18,382,384],{"id":383},"form-submission","Form submission",[14,386,387,388,391,392,395,396,399,400,403,404,297],{},"When placed inside a ",[26,389,390],{},"\u003Cform>"," with a ",[26,393,394],{},"name"," prop, a hidden native ",[26,397,398],{},"\u003Cinput type=\"checkbox\">"," is automatically injected, and the checked result is submitted with the form (",[26,401,402],{},"value"," is used as the submitted value, defaulting to ",[26,405,406],{},"\"on\"",[31,408,409,413],{"title":384},[34,410,411],{"v-slot:preview":36},[38,412],{},[34,414,415],{"v-slot:code":36},[43,416,418],{"className":45,"code":417,"language":47,"meta":36,"style":36},"\u003Cform @submit.prevent>\n  \u003CFluereCheckbox name=\"opt-in\" value=\"yes\">Agree to receive emails\u003C\u002FFluereCheckbox>\n\u003C\u002Fform>\n",[26,419,420,440,445],{"__ignoreMap":36},[51,421,422,424,427,429,432,435,438],{"class":53,"line":54},[51,423,58],{"class":57},[51,425,426],{"class":61},"form",[51,428,171],{"class":57},[51,430,431],{"class":65},"submit",[51,433,434],{"class":57},".",[51,436,437],{"class":65},"prevent",[51,439,86],{"class":57},[51,441,442],{"class":53,"line":89},[51,443,444],{"class":57},"  \u003CFluereCheckbox name=\"opt-in\" value=\"yes\">Agree to receive emails\u003C\u002FFluereCheckbox>\n",[51,446,447,449,451],{"class":53,"line":198},[51,448,201],{"class":57},[51,450,426],{"class":61},[51,452,86],{"class":57},[18,454,456],{"id":455},"api","API",[458,459,460,479],"table",{},[461,462,463],"thead",{},[464,465,466,470,473,476],"tr",{},[467,468,469],"th",{},"Prop (Props)",[467,471,472],{},"Type",[467,474,475],{},"Default",[467,477,478],{},"Description",[480,481,482,504,522,541],"tbody",{},[464,483,484,489,494,498],{},[485,486,487],"td",{},[26,488,120],{},[485,490,491],{},[26,492,493],{},"boolean | 'indeterminate' | null",[485,495,496],{},[26,497,128],{},[485,499,500,501,503],{},"Checked state (",[26,502,28],{},")",[464,505,506,510,515,519],{},[485,507,508],{},[26,509,283],{},[485,511,512],{},[26,513,514],{},"boolean",[485,516,517],{},[26,518,128],{},[485,520,521],{},"Whether the checkbox is disabled",[464,523,524,528,533,538],{},[485,525,526],{},[26,527,394],{},[485,529,530],{},[26,531,532],{},"string",[485,534,535],{},[26,536,537],{},"—",[485,539,540],{},"Form submission name, paired with the hidden native input",[464,542,543,547,552,557],{},[485,544,545],{},[26,546,402],{},[485,548,549],{},[26,550,551],{},"AcceptableValue",[485,553,554],{},[26,555,556],{},"'on'",[485,558,559],{},"Value submitted to the backend when checked",[561,562,563],"blockquote",{},[14,564,565,566,569],{},"The box is fixed at 20px (matching WinUI ",[26,567,568],{},"CheckBoxSize = 20",") and does not scale with size.",[571,572,573],"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);}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":36,"searchDepth":89,"depth":89,"links":575},[576,577,578,579,580],{"id":20,"depth":89,"text":21},{"id":114,"depth":89,"text":115},{"id":283,"depth":89,"text":284},{"id":383,"depth":89,"text":384},{"id":455,"depth":89,"text":456},"Checkbox component, used to select one or more options from a set.","md",{},{"title":5},true,"\u002Fen\u002Fcomponents\u002Fcheckbox",{"title":5,"description":581},"en\u002Fcomponents\u002Fcheckbox","4XKloxI2vrkBUahrvzZd39BkGQgzBTLFc0WoSgCPrGc",{"id":591,"title":592,"body":593,"description":1081,"extension":582,"meta":1082,"nav":1083,"navigation":585,"path":1084,"seo":1085,"stem":1086,"__hash__":1087},"content\u002Fcomponents\u002Fcheckbox.md","Checkbox 复选框",{"type":7,"value":594,"toc":1074},[595,598,601,604,610,669,673,685,817,820,830,909,912,929,971,973,1064,1072],[10,596,592],{"id":597},"checkbox-复选框",[14,599,600],{},"复选框允许用户在一组选项中选择一个或多个。样式还原 WinUI 3（Windows App SDK）的 CheckBox，交互底座复用 reka-ui。从「未勾选」进入「勾选 \u002F 不确定」时，字形自左向右缓动出现（对应 WinUI CheckGlyph 画入）；取消勾选时字形立即消失。",[18,602,603],{"id":603},"基础用法",[14,605,606,607,609],{},"使用 ",[26,608,28],{}," 双向绑定布尔值；默认勾选框在点击一次后切换。",[31,611,612,616],{"title":603},[34,613,614],{"v-slot:preview":36},[38,615],{},[34,617,618],{"v-slot:code":36},[43,619,621],{"className":45,"code":620,"language":47,"meta":36,"style":36},"\u003CFluereCheckbox v-model=\"agree\">同意服务条款\u003C\u002FFluereCheckbox>\n\u003CFluereCheckbox v-model=\"subscribe\">订阅产品更新\u003C\u002FFluereCheckbox>\n",[26,622,623,646],{"__ignoreMap":36},[51,624,625,627,629,631,633,635,637,639,642,644],{"class":53,"line":54},[51,626,58],{"class":57},[51,628,62],{"class":61},[51,630,66],{"class":65},[51,632,69],{"class":57},[51,634,73],{"class":72},[51,636,76],{"class":57},[51,638,73],{"class":72},[51,640,641],{"class":57},">同意服务条款\u003C\u002F",[51,643,62],{"class":61},[51,645,86],{"class":57},[51,647,648,650,652,654,656,658,660,662,665,667],{"class":53,"line":89},[51,649,58],{"class":57},[51,651,62],{"class":61},[51,653,66],{"class":65},[51,655,69],{"class":57},[51,657,73],{"class":72},[51,659,102],{"class":57},[51,661,73],{"class":72},[51,663,664],{"class":57},">订阅产品更新\u003C\u002F",[51,666,62],{"class":61},[51,668,86],{"class":57},[18,670,672],{"id":671},"不确定三态","不确定（三态）",[14,674,675,677,678,125,680,125,682,684],{},[26,676,120],{}," 支持 ",[26,679,124],{},[26,681,128],{},[26,683,131],{},"。不确定态渲染为横杠字形，再次点击进入勾选态。配合「全选」时先读取子项，再反写回各子项。",[31,686,688,692],{"title":687},"全选 · 不确定态",[34,689,690],{"v-slot:preview":36},[139,691],{},[34,693,694],{"v-slot:code":36},[43,695,697],{"className":45,"code":696,"language":47,"meta":36,"style":36},"\u003CFluereCheckbox :model-value=\"allState\" @update:model-value=\"toggleAll\">\n  全选\n\u003C\u002FFluereCheckbox>\n\u003CFluereCheckbox v-model=\"a\">选项 A\u003C\u002FFluereCheckbox>\n\u003CFluereCheckbox v-model=\"b\">选项 B\u003C\u002FFluereCheckbox>\n\u003CFluereCheckbox v-model=\"c\">选项 C\u003C\u002FFluereCheckbox>\n",[26,698,699,735,740,748,771,794],{"__ignoreMap":36},[51,700,701,703,705,707,709,711,713,715,717,719,721,723,725,727,729,731,733],{"class":53,"line":54},[51,702,58],{"class":57},[51,704,62],{"class":61},[51,706,156],{"class":57},[51,708,159],{"class":65},[51,710,69],{"class":57},[51,712,73],{"class":72},[51,714,166],{"class":57},[51,716,73],{"class":72},[51,718,171],{"class":57},[51,720,174],{"class":65},[51,722,177],{"class":57},[51,724,159],{"class":65},[51,726,69],{"class":57},[51,728,73],{"class":72},[51,730,186],{"class":57},[51,732,73],{"class":72},[51,734,86],{"class":57},[51,736,737],{"class":53,"line":89},[51,738,739],{"class":57},"  全选\n",[51,741,742,744,746],{"class":53,"line":198},[51,743,201],{"class":57},[51,745,62],{"class":61},[51,747,86],{"class":57},[51,749,750,752,754,756,758,760,762,764,767,769],{"class":53,"line":208},[51,751,58],{"class":57},[51,753,62],{"class":61},[51,755,66],{"class":65},[51,757,69],{"class":57},[51,759,73],{"class":72},[51,761,221],{"class":57},[51,763,73],{"class":72},[51,765,766],{"class":57},">选项 A\u003C\u002F",[51,768,62],{"class":61},[51,770,86],{"class":57},[51,772,773,775,777,779,781,783,785,787,790,792],{"class":53,"line":233},[51,774,58],{"class":57},[51,776,62],{"class":61},[51,778,66],{"class":65},[51,780,69],{"class":57},[51,782,73],{"class":72},[51,784,246],{"class":57},[51,786,73],{"class":72},[51,788,789],{"class":57},">选项 B\u003C\u002F",[51,791,62],{"class":61},[51,793,86],{"class":57},[51,795,796,798,800,802,804,806,808,810,813,815],{"class":53,"line":258},[51,797,58],{"class":57},[51,799,62],{"class":61},[51,801,66],{"class":65},[51,803,69],{"class":57},[51,805,73],{"class":72},[51,807,271],{"class":57},[51,809,73],{"class":72},[51,811,812],{"class":57},">选项 C\u003C\u002F",[51,814,62],{"class":61},[51,816,86],{"class":57},[18,818,819],{"id":819},"禁用",[14,821,822,824,825,125,827,829],{},[26,823,283],{}," 时不可交互，填充、描边、字形、文字落到禁用档（对应 WinUI ",[26,826,293],{},[26,828,296],{},"）。",[31,831,833,837],{"title":832},"禁用状态",[34,834,835],{"v-slot:preview":36},[304,836],{},[34,838,839],{"v-slot:code":36},[43,840,842],{"className":45,"code":841,"language":47,"meta":36,"style":36},"\u003CFluereCheckbox disabled>未勾选（禁用）\u003C\u002FFluereCheckbox>\n\u003CFluereCheckbox disabled :model-value=\"true\">已勾选（禁用）\u003C\u002FFluereCheckbox>\n\u003CFluereCheckbox disabled :model-value=\"'indeterminate'\">不确定（禁用）\u003C\u002FFluereCheckbox>\n",[26,843,844,859,886],{"__ignoreMap":36},[51,845,846,848,850,852,855,857],{"class":53,"line":54},[51,847,58],{"class":57},[51,849,62],{"class":61},[51,851,321],{"class":65},[51,853,854],{"class":57},">未勾选（禁用）\u003C\u002F",[51,856,62],{"class":61},[51,858,86],{"class":57},[51,860,861,863,865,867,869,871,873,875,877,879,882,884],{"class":53,"line":89},[51,862,58],{"class":57},[51,864,62],{"class":61},[51,866,321],{"class":65},[51,868,156],{"class":57},[51,870,159],{"class":65},[51,872,69],{"class":57},[51,874,73],{"class":72},[51,876,124],{"class":347},[51,878,73],{"class":72},[51,880,881],{"class":57},">已勾选（禁用）\u003C\u002F",[51,883,62],{"class":61},[51,885,86],{"class":57},[51,887,888,890,892,894,896,898,900,902,905,907],{"class":53,"line":198},[51,889,58],{"class":57},[51,891,62],{"class":61},[51,893,321],{"class":65},[51,895,156],{"class":57},[51,897,159],{"class":65},[51,899,69],{"class":57},[51,901,373],{"class":72},[51,903,904],{"class":57},">不确定（禁用）\u003C\u002F",[51,906,62],{"class":61},[51,908,86],{"class":57},[18,910,911],{"id":911},"表单提交",[14,913,914,915,917,918,920,921,923,924,926,927,829],{},"位于 ",[26,916,390],{}," 内并传 ",[26,919,394],{}," 时，会自动补一个隐藏的原生 ",[26,922,398],{},"，勾选结果随表单提交（",[26,925,402],{}," 作为提交值，默认 ",[26,928,406],{},[31,930,931,935],{"title":911},[34,932,933],{"v-slot:preview":36},[38,934],{},[34,936,937],{"v-slot:code":36},[43,938,940],{"className":45,"code":939,"language":47,"meta":36,"style":36},"\u003Cform @submit.prevent>\n  \u003CFluereCheckbox name=\"opt-in\" value=\"yes\">同意接收邮件\u003C\u002FFluereCheckbox>\n\u003C\u002Fform>\n",[26,941,942,958,963],{"__ignoreMap":36},[51,943,944,946,948,950,952,954,956],{"class":53,"line":54},[51,945,58],{"class":57},[51,947,426],{"class":61},[51,949,171],{"class":57},[51,951,431],{"class":65},[51,953,434],{"class":57},[51,955,437],{"class":65},[51,957,86],{"class":57},[51,959,960],{"class":53,"line":89},[51,961,962],{"class":57},"  \u003CFluereCheckbox name=\"opt-in\" value=\"yes\">同意接收邮件\u003C\u002FFluereCheckbox>\n",[51,964,965,967,969],{"class":53,"line":198},[51,966,201],{"class":57},[51,968,426],{"class":61},[51,970,86],{"class":57},[18,972,456],{"id":455},[458,974,975,991],{},[461,976,977],{},[464,978,979,982,985,988],{},[467,980,981],{},"属性（Props）",[467,983,984],{},"类型",[467,986,987],{},"默认",[467,989,990],{},"说明",[480,992,993,1013,1030,1047],{},[464,994,995,999,1003,1007],{},[485,996,997],{},[26,998,120],{},[485,1000,1001],{},[26,1002,493],{},[485,1004,1005],{},[26,1006,128],{},[485,1008,1009,1010,1012],{},"勾选状态（",[26,1011,28],{},"）",[464,1014,1015,1019,1023,1027],{},[485,1016,1017],{},[26,1018,283],{},[485,1020,1021],{},[26,1022,514],{},[485,1024,1025],{},[26,1026,128],{},[485,1028,1029],{},"是否禁用",[464,1031,1032,1036,1040,1044],{},[485,1033,1034],{},[26,1035,394],{},[485,1037,1038],{},[26,1039,532],{},[485,1041,1042],{},[26,1043,537],{},[485,1045,1046],{},"表单提交名，配合隐藏原生 input",[464,1048,1049,1053,1057,1061],{},[485,1050,1051],{},[26,1052,402],{},[485,1054,1055],{},[26,1056,551],{},[485,1058,1059],{},[26,1060,556],{},[485,1062,1063],{},"勾选时提交给后端的值",[561,1065,1066],{},[14,1067,1068,1069,1071],{},"块（box）固定 20px（对应 WinUI ",[26,1070,568],{},"），不随尺寸缩放。",[571,1073,573],{},{"title":36,"searchDepth":89,"depth":89,"links":1075},[1076,1077,1078,1079,1080],{"id":603,"depth":89,"text":603},{"id":671,"depth":89,"text":672},{"id":819,"depth":89,"text":819},{"id":911,"depth":89,"text":911},{"id":455,"depth":89,"text":456},"复选框组件，用于在若干项中选择一个或多个选项。",{},{"title":592},"\u002Fcomponents\u002Fcheckbox",{"title":592,"description":1081},"components\u002Fcheckbox","AyVrYR9aRjKmF2pkAP87vxh7_hnce_HtBA5tChTUXow",1792150929254]