[{"data":1,"prerenderedAt":1827},["ShallowReactive",2],{"content-\u002Fen\u002Fcomponents\u002Fbutton":3,"content-en-fallback-\u002Fen\u002Fcomponents\u002Fbutton":979},{"id":4,"title":5,"body":6,"description":970,"extension":971,"meta":972,"nav":973,"navigation":974,"path":975,"seo":976,"stem":977,"__hash__":978},"content_en\u002Fen\u002Fcomponents\u002Fbutton.md","Button",{"type":7,"value":8,"toc":961},"minimark",[9,13,17,22,159,163,238,242,317,321,436,440,555,559,616,620,872,917,957],[10,11,5],"h1",{"id":12},"button",[14,15,16],"p",{},"A button component used to trigger an action.",[18,19,21],"h2",{"id":20},"appearance-variants","Appearance variants",[23,24,25,32],"demo-block",{"title":21},[26,27,29],"template",{"v-slot:preview":28},"",[30,31],"button-appearance-demo",{},[26,33,34],{"v-slot:code":28},[35,36,40],"pre",{"className":37,"code":38,"language":39,"meta":28,"style":28},"language-vue shiki shiki-themes github-light github-dark","\u003CFluereButton appearance=\"primary\">Primary\u003C\u002FFluereButton>\n\u003CFluereButton appearance=\"secondary\">Secondary\u003C\u002FFluereButton>\n\u003CFluereButton appearance=\"outline\">Outline\u003C\u002FFluereButton>\n\u003CFluereButton appearance=\"subtle\">Subtle\u003C\u002FFluereButton>\n\u003CFluereButton appearance=\"transparent\">Transparent\u003C\u002FFluereButton>\n","vue",[41,42,43,75,96,117,138],"code",{"__ignoreMap":28},[44,45,48,52,56,60,63,67,70,72],"span",{"class":46,"line":47},"line",1,[44,49,51],{"class":50},"sVt8B","\u003C",[44,53,55],{"class":54},"s9eBZ","FluereButton",[44,57,59],{"class":58},"sScJk"," appearance",[44,61,62],{"class":50},"=",[44,64,66],{"class":65},"sZZnC","\"primary\"",[44,68,69],{"class":50},">Primary\u003C\u002F",[44,71,55],{"class":54},[44,73,74],{"class":50},">\n",[44,76,78,80,82,84,86,89,92,94],{"class":46,"line":77},2,[44,79,51],{"class":50},[44,81,55],{"class":54},[44,83,59],{"class":58},[44,85,62],{"class":50},[44,87,88],{"class":65},"\"secondary\"",[44,90,91],{"class":50},">Secondary\u003C\u002F",[44,93,55],{"class":54},[44,95,74],{"class":50},[44,97,99,101,103,105,107,110,113,115],{"class":46,"line":98},3,[44,100,51],{"class":50},[44,102,55],{"class":54},[44,104,59],{"class":58},[44,106,62],{"class":50},[44,108,109],{"class":65},"\"outline\"",[44,111,112],{"class":50},">Outline\u003C\u002F",[44,114,55],{"class":54},[44,116,74],{"class":50},[44,118,120,122,124,126,128,131,134,136],{"class":46,"line":119},4,[44,121,51],{"class":50},[44,123,55],{"class":54},[44,125,59],{"class":58},[44,127,62],{"class":50},[44,129,130],{"class":65},"\"subtle\"",[44,132,133],{"class":50},">Subtle\u003C\u002F",[44,135,55],{"class":54},[44,137,74],{"class":50},[44,139,141,143,145,147,149,152,155,157],{"class":46,"line":140},5,[44,142,51],{"class":50},[44,144,55],{"class":54},[44,146,59],{"class":58},[44,148,62],{"class":50},[44,150,151],{"class":65},"\"transparent\"",[44,153,154],{"class":50},">Transparent\u003C\u002F",[44,156,55],{"class":54},[44,158,74],{"class":50},[18,160,162],{"id":161},"sizes","Sizes",[23,164,165,170],{"title":162},[26,166,167],{"v-slot:preview":28},[168,169],"button-size-demo",{},[26,171,172],{"v-slot:code":28},[35,173,175],{"className":37,"code":174,"language":39,"meta":28,"style":28},"\u003CFluereButton size=\"small\">Small\u003C\u002FFluereButton>\n\u003CFluereButton size=\"medium\">Medium\u003C\u002FFluereButton>\n\u003CFluereButton size=\"large\">Large\u003C\u002FFluereButton>\n",[41,176,177,198,218],{"__ignoreMap":28},[44,178,179,181,183,186,188,191,194,196],{"class":46,"line":47},[44,180,51],{"class":50},[44,182,55],{"class":54},[44,184,185],{"class":58}," size",[44,187,62],{"class":50},[44,189,190],{"class":65},"\"small\"",[44,192,193],{"class":50},">Small\u003C\u002F",[44,195,55],{"class":54},[44,197,74],{"class":50},[44,199,200,202,204,206,208,211,214,216],{"class":46,"line":77},[44,201,51],{"class":50},[44,203,55],{"class":54},[44,205,185],{"class":58},[44,207,62],{"class":50},[44,209,210],{"class":65},"\"medium\"",[44,212,213],{"class":50},">Medium\u003C\u002F",[44,215,55],{"class":54},[44,217,74],{"class":50},[44,219,220,222,224,226,228,231,234,236],{"class":46,"line":98},[44,221,51],{"class":50},[44,223,55],{"class":54},[44,225,185],{"class":58},[44,227,62],{"class":50},[44,229,230],{"class":65},"\"large\"",[44,232,233],{"class":50},">Large\u003C\u002F",[44,235,55],{"class":54},[44,237,74],{"class":50},[18,239,241],{"id":240},"shape","Shape",[23,243,244,249],{"title":241},[26,245,246],{"v-slot:preview":28},[247,248],"button-shape-demo",{},[26,250,251],{"v-slot:code":28},[35,252,254],{"className":37,"code":253,"language":39,"meta":28,"style":28},"\u003CFluereButton shape=\"rounded\">Rounded\u003C\u002FFluereButton>\n\u003CFluereButton shape=\"circular\">Circular\u003C\u002FFluereButton>\n\u003CFluereButton shape=\"square\">Square\u003C\u002FFluereButton>\n",[41,255,256,277,297],{"__ignoreMap":28},[44,257,258,260,262,265,267,270,273,275],{"class":46,"line":47},[44,259,51],{"class":50},[44,261,55],{"class":54},[44,263,264],{"class":58}," shape",[44,266,62],{"class":50},[44,268,269],{"class":65},"\"rounded\"",[44,271,272],{"class":50},">Rounded\u003C\u002F",[44,274,55],{"class":54},[44,276,74],{"class":50},[44,278,279,281,283,285,287,290,293,295],{"class":46,"line":77},[44,280,51],{"class":50},[44,282,55],{"class":54},[44,284,264],{"class":58},[44,286,62],{"class":50},[44,288,289],{"class":65},"\"circular\"",[44,291,292],{"class":50},">Circular\u003C\u002F",[44,294,55],{"class":54},[44,296,74],{"class":50},[44,298,299,301,303,305,307,310,313,315],{"class":46,"line":98},[44,300,51],{"class":50},[44,302,55],{"class":54},[44,304,264],{"class":58},[44,306,62],{"class":50},[44,308,309],{"class":65},"\"square\"",[44,311,312],{"class":50},">Square\u003C\u002F",[44,314,55],{"class":54},[44,316,74],{"class":50},[18,318,320],{"id":319},"disabled-state","Disabled state",[23,322,323,328],{"title":320},[26,324,325],{"v-slot:preview":28},[326,327],"button-disabled-demo",{},[26,329,330],{"v-slot:code":28},[35,331,333],{"className":37,"code":332,"language":39,"meta":28,"style":28},"\u003CFluereButton appearance=\"primary\" disabled>Primary\u003C\u002FFluereButton>\n\u003CFluereButton appearance=\"secondary\" disabled>Secondary\u003C\u002FFluereButton>\n\u003CFluereButton appearance=\"outline\" disabled>Outline\u003C\u002FFluereButton>\n\u003CFluereButton appearance=\"subtle\" disabled>Subtle\u003C\u002FFluereButton>\n\u003CFluereButton appearance=\"transparent\" disabled>Transparent\u003C\u002FFluereButton>\n",[41,334,335,356,376,396,416],{"__ignoreMap":28},[44,336,337,339,341,343,345,347,350,352,354],{"class":46,"line":47},[44,338,51],{"class":50},[44,340,55],{"class":54},[44,342,59],{"class":58},[44,344,62],{"class":50},[44,346,66],{"class":65},[44,348,349],{"class":58}," disabled",[44,351,69],{"class":50},[44,353,55],{"class":54},[44,355,74],{"class":50},[44,357,358,360,362,364,366,368,370,372,374],{"class":46,"line":77},[44,359,51],{"class":50},[44,361,55],{"class":54},[44,363,59],{"class":58},[44,365,62],{"class":50},[44,367,88],{"class":65},[44,369,349],{"class":58},[44,371,91],{"class":50},[44,373,55],{"class":54},[44,375,74],{"class":50},[44,377,378,380,382,384,386,388,390,392,394],{"class":46,"line":98},[44,379,51],{"class":50},[44,381,55],{"class":54},[44,383,59],{"class":58},[44,385,62],{"class":50},[44,387,109],{"class":65},[44,389,349],{"class":58},[44,391,112],{"class":50},[44,393,55],{"class":54},[44,395,74],{"class":50},[44,397,398,400,402,404,406,408,410,412,414],{"class":46,"line":119},[44,399,51],{"class":50},[44,401,55],{"class":54},[44,403,59],{"class":58},[44,405,62],{"class":50},[44,407,130],{"class":65},[44,409,349],{"class":58},[44,411,133],{"class":50},[44,413,55],{"class":54},[44,415,74],{"class":50},[44,417,418,420,422,424,426,428,430,432,434],{"class":46,"line":140},[44,419,51],{"class":50},[44,421,55],{"class":54},[44,423,59],{"class":58},[44,425,62],{"class":50},[44,427,151],{"class":65},[44,429,349],{"class":58},[44,431,154],{"class":50},[44,433,55],{"class":54},[44,435,74],{"class":50},[18,437,439],{"id":438},"selected-state-toggle","Selected state (Toggle)",[23,441,442,447],{"title":439},[26,443,444],{"v-slot:preview":28},[445,446],"button-selected-demo",{},[26,448,449],{"v-slot:code":28},[35,450,452],{"className":37,"code":451,"language":39,"meta":28,"style":28},"\u003CFluereButton appearance=\"primary\" selected>Primary\u003C\u002FFluereButton>\n\u003CFluereButton appearance=\"secondary\" selected>Secondary\u003C\u002FFluereButton>\n\u003CFluereButton appearance=\"outline\" selected>Outline\u003C\u002FFluereButton>\n\u003CFluereButton appearance=\"subtle\" selected>Subtle\u003C\u002FFluereButton>\n\u003CFluereButton appearance=\"transparent\" selected>Transparent\u003C\u002FFluereButton>\n",[41,453,454,475,495,515,535],{"__ignoreMap":28},[44,455,456,458,460,462,464,466,469,471,473],{"class":46,"line":47},[44,457,51],{"class":50},[44,459,55],{"class":54},[44,461,59],{"class":58},[44,463,62],{"class":50},[44,465,66],{"class":65},[44,467,468],{"class":58}," selected",[44,470,69],{"class":50},[44,472,55],{"class":54},[44,474,74],{"class":50},[44,476,477,479,481,483,485,487,489,491,493],{"class":46,"line":77},[44,478,51],{"class":50},[44,480,55],{"class":54},[44,482,59],{"class":58},[44,484,62],{"class":50},[44,486,88],{"class":65},[44,488,468],{"class":58},[44,490,91],{"class":50},[44,492,55],{"class":54},[44,494,74],{"class":50},[44,496,497,499,501,503,505,507,509,511,513],{"class":46,"line":98},[44,498,51],{"class":50},[44,500,55],{"class":54},[44,502,59],{"class":58},[44,504,62],{"class":50},[44,506,109],{"class":65},[44,508,468],{"class":58},[44,510,112],{"class":50},[44,512,55],{"class":54},[44,514,74],{"class":50},[44,516,517,519,521,523,525,527,529,531,533],{"class":46,"line":119},[44,518,51],{"class":50},[44,520,55],{"class":54},[44,522,59],{"class":58},[44,524,62],{"class":50},[44,526,130],{"class":65},[44,528,468],{"class":58},[44,530,133],{"class":50},[44,532,55],{"class":54},[44,534,74],{"class":50},[44,536,537,539,541,543,545,547,549,551,553],{"class":46,"line":140},[44,538,51],{"class":50},[44,540,55],{"class":54},[44,542,59],{"class":58},[44,544,62],{"class":50},[44,546,151],{"class":65},[44,548,468],{"class":58},[44,550,154],{"class":50},[44,552,55],{"class":54},[44,554,74],{"class":50},[18,556,558],{"id":557},"block-button","Block button",[23,560,561,566],{"title":558},[26,562,563],{"v-slot:preview":28},[564,565],"button-block-demo",{},[26,567,568],{"v-slot:code":28},[35,569,571],{"className":37,"code":570,"language":39,"meta":28,"style":28},"\u003CFluereButton appearance=\"primary\" block>Block Primary\u003C\u002FFluereButton>\n\u003CFluereButton appearance=\"secondary\" block>Block Secondary\u003C\u002FFluereButton>\n",[41,572,573,595],{"__ignoreMap":28},[44,574,575,577,579,581,583,585,588,591,593],{"class":46,"line":47},[44,576,51],{"class":50},[44,578,55],{"class":54},[44,580,59],{"class":58},[44,582,62],{"class":50},[44,584,66],{"class":65},[44,586,587],{"class":58}," block",[44,589,590],{"class":50},">Block Primary\u003C\u002F",[44,592,55],{"class":54},[44,594,74],{"class":50},[44,596,597,599,601,603,605,607,609,612,614],{"class":46,"line":77},[44,598,51],{"class":50},[44,600,55],{"class":54},[44,602,59],{"class":58},[44,604,62],{"class":50},[44,606,88],{"class":65},[44,608,587],{"class":58},[44,610,611],{"class":50},">Block Secondary\u003C\u002F",[44,613,55],{"class":54},[44,615,74],{"class":50},[18,617,619],{"id":618},"api","API",[621,622,623,642],"table",{},[624,625,626],"thead",{},[627,628,629,633,636,639],"tr",{},[630,631,632],"th",{},"Prop (Props)",[630,634,635],{},"Type",[630,637,638],{},"Default",[630,640,641],{},"Description",[643,644,645,670,690,721,741,762,780,806,830,850],"tbody",{},[627,646,647,653,658,663],{},[648,649,650],"td",{},[41,651,652],{},"appearance",[648,654,655],{},[41,656,657],{},"'primary' | 'secondary' | 'outline' | 'subtle' | 'transparent'",[648,659,660],{},[41,661,662],{},"'secondary'",[648,664,665,666,669],{},"Appearance variant; ",[41,667,668],{},"primary"," is the primary action filled with the brand color",[627,671,672,677,682,687],{},[648,673,674],{},[41,675,676],{},"size",[648,678,679],{},[41,680,681],{},"'small' | 'medium' | 'large'",[648,683,684],{},[41,685,686],{},"'medium'",[648,688,689],{},"Size, with heights of 24 \u002F 32 \u002F 40 px respectively",[627,691,692,696,701,706],{},[648,693,694],{},[41,695,240],{},[648,697,698],{},[41,699,700],{},"'rounded' | 'circular' | 'square'",[648,702,703],{},[41,704,705],{},"'rounded'",[648,707,708,709,712,713,716,717,720],{},"Shape; ",[41,710,711],{},"circular"," uses ",[41,714,715],{},"borderRadiusCircular",", ",[41,718,719],{},"square"," has sharp corners",[627,722,723,728,733,738],{},[648,724,725],{},[41,726,727],{},"disabled",[648,729,730],{},[41,731,732],{},"boolean",[648,734,735],{},[41,736,737],{},"false",[648,739,740],{},"Whether the button is disabled",[627,742,743,748,752,756],{},[648,744,745],{},[41,746,747],{},"selected",[648,749,750],{},[41,751,732],{},[648,753,754],{},[41,755,737],{},[648,757,758,759],{},"Selected state (toggle-button mode), rendered as ",[41,760,761],{},"aria-pressed",[627,763,764,769,773,777],{},[648,765,766],{},[41,767,768],{},"block",[648,770,771],{},[41,772,732],{},[648,774,775],{},[41,776,737],{},[648,778,779],{},"Block display, fills the full width of the parent container",[627,781,782,787,792,797],{},[648,783,784],{},[41,785,786],{},"type",[648,788,789],{},[41,790,791],{},"'button' | 'submit' | 'reset'",[648,793,794],{},[41,795,796],{},"'button'",[648,798,799,800,802,803,805],{},"Native ",[41,801,786],{},"; ",[41,804,12],{}," is the explicit default to avoid accidental form submission",[627,807,808,813,818,823],{},[648,809,810],{},[41,811,812],{},"icon",[648,814,815],{},[41,816,817],{},"Component",[648,819,820],{},[41,821,822],{},"—",[648,824,825,826,829],{},"Icon component (an icon from ",[41,827,828],{},"@fluere-vue\u002Ficons","), decorative and hidden from AT",[627,831,832,837,842,847],{},[648,833,834],{},[41,835,836],{},"iconPosition",[648,838,839],{},[41,840,841],{},"'before' | 'after'",[648,843,844],{},[41,845,846],{},"'before'",[648,848,849],{},"Icon position relative to the text (only takes effect in icon + text mode)",[627,851,852,857,861,865],{},[648,853,854],{},[41,855,856],{},"iconOnly",[648,858,859],{},[41,860,732],{},[648,862,863],{},[41,864,737],{},[648,866,867,868,871],{},"Show only the icon (compact, square mode); the content ",[41,869,870],{},"\u003Cspan>"," is not rendered",[621,873,874,883],{},[624,875,876],{},[627,877,878,881],{},[630,879,880],{},"Slot (Slots)",[630,882,641],{},[643,884,885,901],{},[627,886,887,892],{},[648,888,889],{},[41,890,891],{},"default",[648,893,894,895,897,898],{},"Button text; not rendered when ",[41,896,856],{}," is ",[41,899,900],{},"true",[627,902,903,907],{},[648,904,905],{},[41,906,812],{},[648,908,909,910,912,913,916],{},"Icon slot; when provided it replaces the ",[41,911,812],{}," Prop (the icon gets ",[41,914,915],{},"aria-hidden=\"true\"",")",[918,919,920],"blockquote",{},[14,921,922,923,926,927,930,931,934,935,716,938,941,942,945,946,949,950,953,954,956],{},"This component does not declare ",[41,924,925],{},"emits"," and does not set ",[41,928,929],{},"inheritAttrs: false",": events such as ",[41,932,933],{},"click"," and attributes such as ",[41,936,937],{},"aria-*",[41,939,940],{},"id",", and ",[41,943,944],{},"title"," fall through directly to the root native ",[41,947,948],{},"\u003Cbutton>",", so consumers can use them as they would with a native button. This is also why consumers must pass ",[41,951,952],{},"aria-label"," themselves in the ",[41,955,856],{}," scenario — the icon is invisible to the accessibility tree, so the accessible name can only come from outside.",[958,959,960],"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":28,"searchDepth":77,"depth":77,"links":962},[963,964,965,966,967,968,969],{"id":20,"depth":77,"text":21},{"id":161,"depth":77,"text":162},{"id":240,"depth":77,"text":241},{"id":319,"depth":77,"text":320},{"id":438,"depth":77,"text":439},{"id":557,"depth":77,"text":558},{"id":618,"depth":77,"text":619},"Button component, used to trigger an action.","md",{},{"title":5},true,"\u002Fen\u002Fcomponents\u002Fbutton",{"title":5,"description":970},"en\u002Fcomponents\u002Fbutton","sJdRAFaaNy8Bfckh_xMrXzPRo-XX7lVBida6rH9i-Gg",{"id":980,"title":981,"body":982,"description":989,"extension":971,"meta":1821,"nav":1822,"navigation":974,"path":1823,"seo":1824,"stem":1825,"__hash__":1826},"content\u002Fcomponents\u002Fbutton.md","Button 按钮",{"type":7,"value":983,"toc":1812},[984,987,990,993,1095,1098,1164,1167,1233,1236,1348,1352,1464,1467,1519,1521,1736,1779,1810],[10,985,981],{"id":986},"button-按钮",[14,988,989],{},"按钮组件，用于触发操作。",[18,991,992],{"id":992},"外观变体",[23,994,995,999],{"title":992},[26,996,997],{"v-slot:preview":28},[30,998],{},[26,1000,1001],{"v-slot:code":28},[35,1002,1003],{"className":37,"code":38,"language":39,"meta":28,"style":28},[41,1004,1005,1023,1041,1059,1077],{"__ignoreMap":28},[44,1006,1007,1009,1011,1013,1015,1017,1019,1021],{"class":46,"line":47},[44,1008,51],{"class":50},[44,1010,55],{"class":54},[44,1012,59],{"class":58},[44,1014,62],{"class":50},[44,1016,66],{"class":65},[44,1018,69],{"class":50},[44,1020,55],{"class":54},[44,1022,74],{"class":50},[44,1024,1025,1027,1029,1031,1033,1035,1037,1039],{"class":46,"line":77},[44,1026,51],{"class":50},[44,1028,55],{"class":54},[44,1030,59],{"class":58},[44,1032,62],{"class":50},[44,1034,88],{"class":65},[44,1036,91],{"class":50},[44,1038,55],{"class":54},[44,1040,74],{"class":50},[44,1042,1043,1045,1047,1049,1051,1053,1055,1057],{"class":46,"line":98},[44,1044,51],{"class":50},[44,1046,55],{"class":54},[44,1048,59],{"class":58},[44,1050,62],{"class":50},[44,1052,109],{"class":65},[44,1054,112],{"class":50},[44,1056,55],{"class":54},[44,1058,74],{"class":50},[44,1060,1061,1063,1065,1067,1069,1071,1073,1075],{"class":46,"line":119},[44,1062,51],{"class":50},[44,1064,55],{"class":54},[44,1066,59],{"class":58},[44,1068,62],{"class":50},[44,1070,130],{"class":65},[44,1072,133],{"class":50},[44,1074,55],{"class":54},[44,1076,74],{"class":50},[44,1078,1079,1081,1083,1085,1087,1089,1091,1093],{"class":46,"line":140},[44,1080,51],{"class":50},[44,1082,55],{"class":54},[44,1084,59],{"class":58},[44,1086,62],{"class":50},[44,1088,151],{"class":65},[44,1090,154],{"class":50},[44,1092,55],{"class":54},[44,1094,74],{"class":50},[18,1096,1097],{"id":1097},"尺寸",[23,1099,1100,1104],{"title":1097},[26,1101,1102],{"v-slot:preview":28},[168,1103],{},[26,1105,1106],{"v-slot:code":28},[35,1107,1108],{"className":37,"code":174,"language":39,"meta":28,"style":28},[41,1109,1110,1128,1146],{"__ignoreMap":28},[44,1111,1112,1114,1116,1118,1120,1122,1124,1126],{"class":46,"line":47},[44,1113,51],{"class":50},[44,1115,55],{"class":54},[44,1117,185],{"class":58},[44,1119,62],{"class":50},[44,1121,190],{"class":65},[44,1123,193],{"class":50},[44,1125,55],{"class":54},[44,1127,74],{"class":50},[44,1129,1130,1132,1134,1136,1138,1140,1142,1144],{"class":46,"line":77},[44,1131,51],{"class":50},[44,1133,55],{"class":54},[44,1135,185],{"class":58},[44,1137,62],{"class":50},[44,1139,210],{"class":65},[44,1141,213],{"class":50},[44,1143,55],{"class":54},[44,1145,74],{"class":50},[44,1147,1148,1150,1152,1154,1156,1158,1160,1162],{"class":46,"line":98},[44,1149,51],{"class":50},[44,1151,55],{"class":54},[44,1153,185],{"class":58},[44,1155,62],{"class":50},[44,1157,230],{"class":65},[44,1159,233],{"class":50},[44,1161,55],{"class":54},[44,1163,74],{"class":50},[18,1165,1166],{"id":1166},"形状",[23,1168,1169,1173],{"title":1166},[26,1170,1171],{"v-slot:preview":28},[247,1172],{},[26,1174,1175],{"v-slot:code":28},[35,1176,1177],{"className":37,"code":253,"language":39,"meta":28,"style":28},[41,1178,1179,1197,1215],{"__ignoreMap":28},[44,1180,1181,1183,1185,1187,1189,1191,1193,1195],{"class":46,"line":47},[44,1182,51],{"class":50},[44,1184,55],{"class":54},[44,1186,264],{"class":58},[44,1188,62],{"class":50},[44,1190,269],{"class":65},[44,1192,272],{"class":50},[44,1194,55],{"class":54},[44,1196,74],{"class":50},[44,1198,1199,1201,1203,1205,1207,1209,1211,1213],{"class":46,"line":77},[44,1200,51],{"class":50},[44,1202,55],{"class":54},[44,1204,264],{"class":58},[44,1206,62],{"class":50},[44,1208,289],{"class":65},[44,1210,292],{"class":50},[44,1212,55],{"class":54},[44,1214,74],{"class":50},[44,1216,1217,1219,1221,1223,1225,1227,1229,1231],{"class":46,"line":98},[44,1218,51],{"class":50},[44,1220,55],{"class":54},[44,1222,264],{"class":58},[44,1224,62],{"class":50},[44,1226,309],{"class":65},[44,1228,312],{"class":50},[44,1230,55],{"class":54},[44,1232,74],{"class":50},[18,1234,1235],{"id":1235},"禁用状态",[23,1237,1238,1242],{"title":1235},[26,1239,1240],{"v-slot:preview":28},[326,1241],{},[26,1243,1244],{"v-slot:code":28},[35,1245,1246],{"className":37,"code":332,"language":39,"meta":28,"style":28},[41,1247,1248,1268,1288,1308,1328],{"__ignoreMap":28},[44,1249,1250,1252,1254,1256,1258,1260,1262,1264,1266],{"class":46,"line":47},[44,1251,51],{"class":50},[44,1253,55],{"class":54},[44,1255,59],{"class":58},[44,1257,62],{"class":50},[44,1259,66],{"class":65},[44,1261,349],{"class":58},[44,1263,69],{"class":50},[44,1265,55],{"class":54},[44,1267,74],{"class":50},[44,1269,1270,1272,1274,1276,1278,1280,1282,1284,1286],{"class":46,"line":77},[44,1271,51],{"class":50},[44,1273,55],{"class":54},[44,1275,59],{"class":58},[44,1277,62],{"class":50},[44,1279,88],{"class":65},[44,1281,349],{"class":58},[44,1283,91],{"class":50},[44,1285,55],{"class":54},[44,1287,74],{"class":50},[44,1289,1290,1292,1294,1296,1298,1300,1302,1304,1306],{"class":46,"line":98},[44,1291,51],{"class":50},[44,1293,55],{"class":54},[44,1295,59],{"class":58},[44,1297,62],{"class":50},[44,1299,109],{"class":65},[44,1301,349],{"class":58},[44,1303,112],{"class":50},[44,1305,55],{"class":54},[44,1307,74],{"class":50},[44,1309,1310,1312,1314,1316,1318,1320,1322,1324,1326],{"class":46,"line":119},[44,1311,51],{"class":50},[44,1313,55],{"class":54},[44,1315,59],{"class":58},[44,1317,62],{"class":50},[44,1319,130],{"class":65},[44,1321,349],{"class":58},[44,1323,133],{"class":50},[44,1325,55],{"class":54},[44,1327,74],{"class":50},[44,1329,1330,1332,1334,1336,1338,1340,1342,1344,1346],{"class":46,"line":140},[44,1331,51],{"class":50},[44,1333,55],{"class":54},[44,1335,59],{"class":58},[44,1337,62],{"class":50},[44,1339,151],{"class":65},[44,1341,349],{"class":58},[44,1343,154],{"class":50},[44,1345,55],{"class":54},[44,1347,74],{"class":50},[18,1349,1351],{"id":1350},"选中状态toggle","选中状态（Toggle）",[23,1353,1354,1358],{"title":1351},[26,1355,1356],{"v-slot:preview":28},[445,1357],{},[26,1359,1360],{"v-slot:code":28},[35,1361,1362],{"className":37,"code":451,"language":39,"meta":28,"style":28},[41,1363,1364,1384,1404,1424,1444],{"__ignoreMap":28},[44,1365,1366,1368,1370,1372,1374,1376,1378,1380,1382],{"class":46,"line":47},[44,1367,51],{"class":50},[44,1369,55],{"class":54},[44,1371,59],{"class":58},[44,1373,62],{"class":50},[44,1375,66],{"class":65},[44,1377,468],{"class":58},[44,1379,69],{"class":50},[44,1381,55],{"class":54},[44,1383,74],{"class":50},[44,1385,1386,1388,1390,1392,1394,1396,1398,1400,1402],{"class":46,"line":77},[44,1387,51],{"class":50},[44,1389,55],{"class":54},[44,1391,59],{"class":58},[44,1393,62],{"class":50},[44,1395,88],{"class":65},[44,1397,468],{"class":58},[44,1399,91],{"class":50},[44,1401,55],{"class":54},[44,1403,74],{"class":50},[44,1405,1406,1408,1410,1412,1414,1416,1418,1420,1422],{"class":46,"line":98},[44,1407,51],{"class":50},[44,1409,55],{"class":54},[44,1411,59],{"class":58},[44,1413,62],{"class":50},[44,1415,109],{"class":65},[44,1417,468],{"class":58},[44,1419,112],{"class":50},[44,1421,55],{"class":54},[44,1423,74],{"class":50},[44,1425,1426,1428,1430,1432,1434,1436,1438,1440,1442],{"class":46,"line":119},[44,1427,51],{"class":50},[44,1429,55],{"class":54},[44,1431,59],{"class":58},[44,1433,62],{"class":50},[44,1435,130],{"class":65},[44,1437,468],{"class":58},[44,1439,133],{"class":50},[44,1441,55],{"class":54},[44,1443,74],{"class":50},[44,1445,1446,1448,1450,1452,1454,1456,1458,1460,1462],{"class":46,"line":140},[44,1447,51],{"class":50},[44,1449,55],{"class":54},[44,1451,59],{"class":58},[44,1453,62],{"class":50},[44,1455,151],{"class":65},[44,1457,468],{"class":58},[44,1459,154],{"class":50},[44,1461,55],{"class":54},[44,1463,74],{"class":50},[18,1465,1466],{"id":1466},"块级按钮",[23,1468,1469,1473],{"title":1466},[26,1470,1471],{"v-slot:preview":28},[564,1472],{},[26,1474,1475],{"v-slot:code":28},[35,1476,1477],{"className":37,"code":570,"language":39,"meta":28,"style":28},[41,1478,1479,1499],{"__ignoreMap":28},[44,1480,1481,1483,1485,1487,1489,1491,1493,1495,1497],{"class":46,"line":47},[44,1482,51],{"class":50},[44,1484,55],{"class":54},[44,1486,59],{"class":58},[44,1488,62],{"class":50},[44,1490,66],{"class":65},[44,1492,587],{"class":58},[44,1494,590],{"class":50},[44,1496,55],{"class":54},[44,1498,74],{"class":50},[44,1500,1501,1503,1505,1507,1509,1511,1513,1515,1517],{"class":46,"line":77},[44,1502,51],{"class":50},[44,1504,55],{"class":54},[44,1506,59],{"class":58},[44,1508,62],{"class":50},[44,1510,88],{"class":65},[44,1512,587],{"class":58},[44,1514,611],{"class":50},[44,1516,55],{"class":54},[44,1518,74],{"class":50},[18,1520,619],{"id":618},[621,1522,1523,1539],{},[624,1524,1525],{},[627,1526,1527,1530,1533,1536],{},[630,1528,1529],{},"属性（Props）",[630,1531,1532],{},"类型",[630,1534,1535],{},"默认",[630,1537,1538],{},"说明",[643,1540,1541,1561,1578,1604,1621,1640,1657,1680,1700,1717],{},[627,1542,1543,1547,1551,1555],{},[648,1544,1545],{},[41,1546,652],{},[648,1548,1549],{},[41,1550,657],{},[648,1552,1553],{},[41,1554,662],{},[648,1556,1557,1558,1560],{},"外观变体；",[41,1559,668],{}," 为品牌色填充的主要行动点",[627,1562,1563,1567,1571,1575],{},[648,1564,1565],{},[41,1566,676],{},[648,1568,1569],{},[41,1570,681],{},[648,1572,1573],{},[41,1574,686],{},[648,1576,1577],{},"尺寸，高度分别为 24 \u002F 32 \u002F 40 px",[627,1579,1580,1584,1588,1592],{},[648,1581,1582],{},[41,1583,240],{},[648,1585,1586],{},[41,1587,700],{},[648,1589,1590],{},[41,1591,705],{},[648,1593,1594,1595,1597,1598,1600,1601,1603],{},"形状；",[41,1596,711],{}," 取 ",[41,1599,715],{},"，",[41,1602,719],{}," 为直角",[627,1605,1606,1610,1614,1618],{},[648,1607,1608],{},[41,1609,727],{},[648,1611,1612],{},[41,1613,732],{},[648,1615,1616],{},[41,1617,737],{},[648,1619,1620],{},"是否禁用",[627,1622,1623,1627,1631,1635],{},[648,1624,1625],{},[41,1626,747],{},[648,1628,1629],{},[41,1630,732],{},[648,1632,1633],{},[41,1634,737],{},[648,1636,1637,1638],{},"选中态（Toggle button 模式），渲染为 ",[41,1639,761],{},[627,1641,1642,1646,1650,1654],{},[648,1643,1644],{},[41,1645,768],{},[648,1647,1648],{},[41,1649,732],{},[648,1651,1652],{},[41,1653,737],{},[648,1655,1656],{},"块级显示，占满父容器宽度",[627,1658,1659,1663,1667,1671],{},[648,1660,1661],{},[41,1662,786],{},[648,1664,1665],{},[41,1666,791],{},[648,1668,1669],{},[41,1670,796],{},[648,1672,1673,1674,1676,1677,1679],{},"原生 ",[41,1675,786],{},"；显式默认 ",[41,1678,12],{},"，避免在表单里意外触发提交",[627,1681,1682,1686,1690,1694],{},[648,1683,1684],{},[41,1685,812],{},[648,1687,1688],{},[41,1689,817],{},[648,1691,1692],{},[41,1693,822],{},[648,1695,1696,1697,1699],{},"图标组件（",[41,1698,828],{}," 的图标），装饰性、对 AT 隐藏",[627,1701,1702,1706,1710,1714],{},[648,1703,1704],{},[41,1705,836],{},[648,1707,1708],{},[41,1709,841],{},[648,1711,1712],{},[41,1713,846],{},[648,1715,1716],{},"图标相对文本的位置（仅图标 + 文本模式生效）",[627,1718,1719,1723,1727,1731],{},[648,1720,1721],{},[41,1722,856],{},[648,1724,1725],{},[41,1726,732],{},[648,1728,1729],{},[41,1730,737],{},[648,1732,1733,1734],{},"仅显示图标（等比紧凑模式），此时不渲染内容 ",[41,1735,870],{},[621,1737,1738,1747],{},[624,1739,1740],{},[627,1741,1742,1745],{},[630,1743,1744],{},"插槽（Slots）",[630,1746,1538],{},[643,1748,1749,1764],{},[627,1750,1751,1755],{},[648,1752,1753],{},[41,1754,891],{},[648,1756,1757,1758,1760,1761,1763],{},"按钮文本；",[41,1759,856],{}," 为 ",[41,1762,900],{}," 时不渲染",[627,1765,1766,1770],{},[648,1767,1768],{},[41,1769,812],{},[648,1771,1772,1773,1775,1776,1778],{},"图标位；提供后取代 ",[41,1774,812],{}," Prop（图标会带上 ",[41,1777,915],{},"）",[918,1780,1781],{},[14,1782,1783,1784,1786,1787,1789,1790,1792,1793,1795,1796,1795,1798,1800,1801,1803,1804,1806,1807,1809],{},"本组件不声明 ",[41,1785,925],{},"、也不设置 ",[41,1788,929],{},"：",[41,1791,933],{}," 等事件与 ",[41,1794,937],{},"、",[41,1797,940],{},[41,1799,944],{}," 等属性直接落到根节点原生 ",[41,1802,948],{}," 上，消费方按原生按钮的用法传即可。这也是 ",[41,1805,856],{}," 场景下需要消费方自行传 ",[41,1808,952],{}," 的原因——图标对无障碍树不可见，可访问名只能来自外部。",[958,1811,960],{},{"title":28,"searchDepth":77,"depth":77,"links":1813},[1814,1815,1816,1817,1818,1819,1820],{"id":992,"depth":77,"text":992},{"id":1097,"depth":77,"text":1097},{"id":1166,"depth":77,"text":1166},{"id":1235,"depth":77,"text":1235},{"id":1350,"depth":77,"text":1351},{"id":1466,"depth":77,"text":1466},{"id":618,"depth":77,"text":619},{},{"title":981},"\u002Fcomponents\u002Fbutton",{"title":981,"description":989},"components\u002Fbutton","xXLG1hZSGcPWB8WPsufbM9UN3eSUvamLjKF34ZP1M8c",1792150928904]