[{"data":1,"prerenderedAt":2516},["ShallowReactive",2],{"content-\u002Fen\u002Fcomponents\u002Fslider":3,"content-en-fallback-\u002Fen\u002Fcomponents\u002Fslider":1344},{"id":4,"title":5,"body":6,"description":1335,"extension":1336,"meta":1337,"nav":1338,"navigation":1339,"path":1340,"seo":1341,"stem":1342,"__hash__":1343},"content_en\u002Fen\u002Fcomponents\u002Fslider.md","Slider",{"type":7,"value":8,"toc":1325},"minimark",[9,13,41,56,63,68,88,175,179,200,285,289,312,455,459,473,580,584,617,708,712,721,768,772,790,852,856,1194,1240,1264,1321],[10,11,5],"h1",{"id":12},"slider",[14,15,16,17,20,21,25,26,29,30,25,33,36,37,40],"p",{},"The slider lets the user drag out a value within a continuous range (volume, brightness, font size, price range…). The style and feel reproduce WinUI 3 (Windows App SDK) ",[18,19,5],"strong",{},", and the interaction base reuses the reka-ui Slider: pointer dragging, snap-to-step, ",[22,23,24],"code",{},"Home"," \u002F ",[22,27,28],{},"End"," \u002F arrow keys \u002F ",[22,31,32],{},"PageUp",[22,34,35],{},"PageDown"," keyboard operation, ",[22,38,39],{},"role=\"slider\""," semantics, and form submission are all handled by the base, while this component is responsible for landing WinUI's geometry and states item by item.",[14,42,43,44,47,48,51,52,55],{},"All geometry comes from WinUI original values: the control is 32px tall (",[22,45,46],{},"SliderPreContentMargin"," 14 + track 4 + ",[22,49,50],{},"SliderPostContentMargin"," 14), the track is 4px thick with a 2px corner radius, and the 18×18 layout box of the thumb is stretched out by a ",[22,53,54],{},"Margin=-2"," into a 22×22 visual outer ring (a perfect circle, whose radius converges to half its width), with a 12px inner dot.",[14,57,58,59,62],{},"Pointer interaction likewise aligns with WinUI: pressing on the thumb (the whole visible 22×22 outer ring counts) merely 「grabs」 the thumb without changing the value; pressing on the track outside the thumb moves the thumb's center to the pointer and jumps the value (",[22,60,61],{},"MoveThumbToPoint",").",[64,65,67],"h2",{"id":66},"basic-usage","Basic usage",[14,69,70,73,74,25,77,25,80,83,84,87],{},[22,71,72],{},"v-model"," binds the numeric value, and ",[22,75,76],{},"min",[22,78,79],{},"max",[22,81,82],{},"step"," determine the range and step size (default 0–100, step 1); ",[22,85,86],{},"header"," is the WinUI title row and also serves as the default accessible name.",[89,90,91,98],"demo-block",{"title":67},[92,93,95],"template",{"v-slot:preview":94},"",[96,97],"slider-basic-demo",{},[92,99,100],{"v-slot:code":94},[101,102,106],"pre",{"className":103,"code":104,"language":105,"meta":94,"style":94},"language-vue shiki shiki-themes github-light github-dark","\u003CFluereSlider v-model=\"volume\" header=\"Volume\" \u002F>\n\u003CFluereSlider v-model=\"brightness\" header=\"Brightness\" \u002F>\n","vue",[22,107,108,148],{"__ignoreMap":94},[109,110,113,117,121,125,128,132,135,137,140,142,145],"span",{"class":111,"line":112},"line",1,[109,114,116],{"class":115},"sVt8B","\u003C",[109,118,120],{"class":119},"s9eBZ","FluereSlider",[109,122,124],{"class":123},"sScJk"," v-model",[109,126,127],{"class":115},"=",[109,129,131],{"class":130},"sZZnC","\"",[109,133,134],{"class":115},"volume",[109,136,131],{"class":130},[109,138,139],{"class":123}," header",[109,141,127],{"class":115},[109,143,144],{"class":130},"\"Volume\"",[109,146,147],{"class":115}," \u002F>\n",[109,149,151,153,155,157,159,161,164,166,168,170,173],{"class":111,"line":150},2,[109,152,116],{"class":115},[109,154,120],{"class":119},[109,156,124],{"class":123},[109,158,127],{"class":115},[109,160,131],{"class":130},[109,162,163],{"class":115},"brightness",[109,165,131],{"class":130},[109,167,139],{"class":123},[109,169,127],{"class":115},[109,171,172],{"class":130},"\"Brightness\"",[109,174,147],{"class":115},[64,176,178],{"id":177},"title-and-value-tooltip","Title and value tooltip",[14,180,181,182,184,185,188,189,191,192,195,196,199],{},"Use ",[22,183,86],{}," or the ",[22,186,187],{},"#header"," slot for the top title. When holding the thumb (or when it has keyboard focus), a WinUI value tooltip (Disambiguation UI) floats above the thumb: the text is formatted with the decimal places of ",[22,190,82],{},", up to 4; passing ",[22,193,194],{},"tooltip=\"false\""," corresponds to ",[22,197,198],{},"IsThumbToolTipEnabled=false",".",[89,201,203,208],{"title":202},"Title + value tooltip",[92,204,205],{"v-slot:preview":94},[206,207],"slider-header-demo",{},[92,209,210],{"v-slot:code":94},[101,211,213],{"className":103,"code":212,"language":105,"meta":94,"style":94},"\u003CFluereSlider v-model=\"fontSize\" :min=\"9\" :max=\"72\" header=\"Font size\">\n  \u003Ctemplate #header>Font size ({{ fontSize }} px)\u003C\u002Ftemplate>\n\u003C\u002FFluereSlider>\n",[22,214,215,270,275],{"__ignoreMap":94},[109,216,217,219,221,223,225,227,230,232,235,237,239,241,245,247,249,251,253,255,258,260,262,264,267],{"class":111,"line":112},[109,218,116],{"class":115},[109,220,120],{"class":119},[109,222,124],{"class":123},[109,224,127],{"class":115},[109,226,131],{"class":130},[109,228,229],{"class":115},"fontSize",[109,231,131],{"class":130},[109,233,234],{"class":115}," :",[109,236,76],{"class":123},[109,238,127],{"class":115},[109,240,131],{"class":130},[109,242,244],{"class":243},"sj4cs","9",[109,246,131],{"class":130},[109,248,234],{"class":115},[109,250,79],{"class":123},[109,252,127],{"class":115},[109,254,131],{"class":130},[109,256,257],{"class":243},"72",[109,259,131],{"class":130},[109,261,139],{"class":123},[109,263,127],{"class":115},[109,265,266],{"class":130},"\"Font size\"",[109,268,269],{"class":115},">\n",[109,271,272],{"class":111,"line":150},[109,273,274],{"class":115},"  \u003Ctemplate #header>Font size ({{ fontSize }} px)\u003C\u002Ftemplate>\n",[109,276,278,281,283],{"class":111,"line":277},3,[109,279,280],{"class":115},"\u003C\u002F",[109,282,120],{"class":119},[109,284,269],{"class":115},[64,286,288],{"id":287},"range-and-step","Range and step",[14,290,291,292,25,294,296,297,300,301,25,303,305,306,308,309,199],{},"The arrow keys move one step at a time, ",[22,293,32],{},[22,295,35],{}," or ",[22,298,299],{},"Shift"," + arrow keys jump 10 steps, and ",[22,302,24],{},[22,304,28],{}," go straight to either end; while dragging, the value snaps to ",[22,307,82],{}," and is clamped within ",[22,310,311],{},"[min, max]",[89,313,314,319],{"title":288},[92,315,316],{"v-slot:preview":94},[317,318],"slider-step-demo",{},[92,320,321],{"v-slot:code":94},[101,322,324],{"className":103,"code":323,"language":105,"meta":94,"style":94},"\u003CFluereSlider v-model=\"price\" :min=\"0\" :max=\"1000\" :step=\"50\" header=\"Price\" \u002F>\n\u003CFluereSlider v-model=\"ratio\" :min=\"0\" :max=\"1\" :step=\"0.1\" header=\"Zoom\" \u002F>\n",[22,325,326,391],{"__ignoreMap":94},[109,327,328,330,332,334,336,338,341,343,345,347,349,351,354,356,358,360,362,364,367,369,371,373,375,377,380,382,384,386,389],{"class":111,"line":112},[109,329,116],{"class":115},[109,331,120],{"class":119},[109,333,124],{"class":123},[109,335,127],{"class":115},[109,337,131],{"class":130},[109,339,340],{"class":115},"price",[109,342,131],{"class":130},[109,344,234],{"class":115},[109,346,76],{"class":123},[109,348,127],{"class":115},[109,350,131],{"class":130},[109,352,353],{"class":243},"0",[109,355,131],{"class":130},[109,357,234],{"class":115},[109,359,79],{"class":123},[109,361,127],{"class":115},[109,363,131],{"class":130},[109,365,366],{"class":243},"1000",[109,368,131],{"class":130},[109,370,234],{"class":115},[109,372,82],{"class":123},[109,374,127],{"class":115},[109,376,131],{"class":130},[109,378,379],{"class":243},"50",[109,381,131],{"class":130},[109,383,139],{"class":123},[109,385,127],{"class":115},[109,387,388],{"class":130},"\"Price\"",[109,390,147],{"class":115},[109,392,393,395,397,399,401,403,406,408,410,412,414,416,418,420,422,424,426,428,431,433,435,437,439,441,444,446,448,450,453],{"class":111,"line":150},[109,394,116],{"class":115},[109,396,120],{"class":119},[109,398,124],{"class":123},[109,400,127],{"class":115},[109,402,131],{"class":130},[109,404,405],{"class":115},"ratio",[109,407,131],{"class":130},[109,409,234],{"class":115},[109,411,76],{"class":123},[109,413,127],{"class":115},[109,415,131],{"class":130},[109,417,353],{"class":243},[109,419,131],{"class":130},[109,421,234],{"class":115},[109,423,79],{"class":123},[109,425,127],{"class":115},[109,427,131],{"class":130},[109,429,430],{"class":243},"1",[109,432,131],{"class":130},[109,434,234],{"class":115},[109,436,82],{"class":123},[109,438,127],{"class":115},[109,440,131],{"class":130},[109,442,443],{"class":243},"0.1",[109,445,131],{"class":130},[109,447,139],{"class":123},[109,449,127],{"class":115},[109,451,452],{"class":130},"\"Zoom\"",[109,454,147],{"class":115},[64,456,458],{"id":457},"vertical","Vertical",[14,460,461,464,465,468,469,472],{},[22,462,463],{},"orientation=\"vertical\""," switches to vertical: the value increases bottom-up (consistent with WinUI, the minimum is at the bottom); pass ",[22,466,467],{},"inverted"," to reverse. The vertical height is controlled by ",[22,470,471],{},"verticalLength"," (default 200px).",[89,474,475,480],{"title":458},[92,476,477],{"v-slot:preview":94},[478,479],"slider-vertical-demo",{},[92,481,482],{"v-slot:code":94},[101,483,485],{"className":103,"code":484,"language":105,"meta":94,"style":94},"\u003CFluereSlider v-model=\"bass\" orientation=\"vertical\" :vertical-length=\"160\" label=\"Bass\" \u002F>\n\u003CFluereSlider v-model=\"treble\" orientation=\"vertical\" :vertical-length=\"160\" label=\"Treble\" \u002F>\n",[22,486,487,536],{"__ignoreMap":94},[109,488,489,491,493,495,497,499,502,504,507,509,512,514,517,519,521,524,526,529,531,534],{"class":111,"line":112},[109,490,116],{"class":115},[109,492,120],{"class":119},[109,494,124],{"class":123},[109,496,127],{"class":115},[109,498,131],{"class":130},[109,500,501],{"class":115},"bass",[109,503,131],{"class":130},[109,505,506],{"class":123}," orientation",[109,508,127],{"class":115},[109,510,511],{"class":130},"\"vertical\"",[109,513,234],{"class":115},[109,515,516],{"class":123},"vertical-length",[109,518,127],{"class":115},[109,520,131],{"class":130},[109,522,523],{"class":243},"160",[109,525,131],{"class":130},[109,527,528],{"class":123}," label",[109,530,127],{"class":115},[109,532,533],{"class":130},"\"Bass\"",[109,535,147],{"class":115},[109,537,538,540,542,544,546,548,551,553,555,557,559,561,563,565,567,569,571,573,575,578],{"class":111,"line":150},[109,539,116],{"class":115},[109,541,120],{"class":119},[109,543,124],{"class":123},[109,545,127],{"class":115},[109,547,131],{"class":130},[109,549,550],{"class":115},"treble",[109,552,131],{"class":130},[109,554,506],{"class":123},[109,556,127],{"class":115},[109,558,511],{"class":130},[109,560,234],{"class":115},[109,562,516],{"class":123},[109,564,127],{"class":115},[109,566,131],{"class":130},[109,568,523],{"class":243},[109,570,131],{"class":130},[109,572,528],{"class":123},[109,574,127],{"class":115},[109,576,577],{"class":130},"\"Treble\"",[109,579,147],{"class":115},[64,581,583],{"id":582},"tick-marks","Tick marks",[14,585,586,589,590,593,594,597,598,601,602,605,606,25,609,612,613,616],{},[22,587,588],{},"tickPlacement"," corresponds to the WinUI ",[22,591,592],{},"TickPlacement",": ",[22,595,596],{},"none"," (default) \u002F ",[22,599,600],{},"inline"," (inside the track) \u002F ",[22,603,604],{},"outside"," (both sides of the track) \u002F ",[22,607,608],{},"top-left",[22,610,611],{},"bottom-right"," (one side, which is left \u002F right when vertical). Consistent with WinUI, no tick lines are drawn when ",[22,614,615],{},"tickFrequency"," is 0 (the default).",[89,618,619,624],{"title":583},[92,620,621],{"v-slot:preview":94},[622,623],"slider-ticks-demo",{},[92,625,626],{"v-slot:code":94},[101,627,629],{"className":103,"code":628,"language":105,"meta":94,"style":94},"\u003CFluereSlider v-model=\"inline\" tick-placement=\"inline\" :tick-frequency=\"10\" \u002F>\n\u003CFluereSlider v-model=\"outside\" tick-placement=\"outside\" :tick-frequency=\"10\" \u002F>\n",[22,630,631,671],{"__ignoreMap":94},[109,632,633,635,637,639,641,643,645,647,650,652,655,657,660,662,664,667,669],{"class":111,"line":112},[109,634,116],{"class":115},[109,636,120],{"class":119},[109,638,124],{"class":123},[109,640,127],{"class":115},[109,642,131],{"class":130},[109,644,600],{"class":115},[109,646,131],{"class":130},[109,648,649],{"class":123}," tick-placement",[109,651,127],{"class":115},[109,653,654],{"class":130},"\"inline\"",[109,656,234],{"class":115},[109,658,659],{"class":123},"tick-frequency",[109,661,127],{"class":115},[109,663,131],{"class":130},[109,665,666],{"class":243},"10",[109,668,131],{"class":130},[109,670,147],{"class":115},[109,672,673,675,677,679,681,683,685,687,689,691,694,696,698,700,702,704,706],{"class":111,"line":150},[109,674,116],{"class":115},[109,676,120],{"class":119},[109,678,124],{"class":123},[109,680,127],{"class":115},[109,682,131],{"class":130},[109,684,604],{"class":115},[109,686,131],{"class":130},[109,688,649],{"class":123},[109,690,127],{"class":115},[109,692,693],{"class":130},"\"outside\"",[109,695,234],{"class":115},[109,697,659],{"class":123},[109,699,127],{"class":115},[109,701,131],{"class":130},[109,703,666],{"class":243},[109,705,131],{"class":130},[109,707,147],{"class":115},[64,709,711],{"id":710},"disabled","Disabled",[14,713,714,715,717,718,720],{},"When ",[22,716,710],{},", it is not interactive, and the track, the value fill, the thumb, and the title all fall to the …Disabled tier; the inner dot stops at the WinUI ",[22,719,711],{},"-state size of 14px.",[89,722,724,729],{"title":723},"Disabled state",[92,725,726],{"v-slot:preview":94},[727,728],"slider-disabled-demo",{},[92,730,731],{"v-slot:code":94},[101,732,734],{"className":103,"code":733,"language":105,"meta":94,"style":94},"\u003CFluereSlider :model-value=\"35\" disabled header=\"Disabled\" \u002F>\n",[22,735,736],{"__ignoreMap":94},[109,737,738,740,742,744,747,749,751,754,756,759,761,763,766],{"class":111,"line":112},[109,739,116],{"class":115},[109,741,120],{"class":119},[109,743,234],{"class":115},[109,745,746],{"class":123},"model-value",[109,748,127],{"class":115},[109,750,131],{"class":130},[109,752,753],{"class":243},"35",[109,755,131],{"class":130},[109,757,758],{"class":123}," disabled",[109,760,139],{"class":123},[109,762,127],{"class":115},[109,764,765],{"class":130},"\"Disabled\"",[109,767,147],{"class":115},[64,769,771],{"id":770},"form-submission","Form submission",[14,773,774,775,778,779,782,783,786,787,199],{},"When inside a ",[22,776,777],{},"\u003Cform>"," with ",[22,780,781],{},"name"," passed, a hidden native ",[22,784,785],{},"\u003Cinput type=\"hidden\">"," is added, submitting ",[22,788,789],{},"name=value",[89,791,792,797],{"title":771},[92,793,794],{"v-slot:preview":94},[795,796],"slider-form-demo",{},[92,798,799],{"v-slot:code":94},[101,800,802],{"className":103,"code":801,"language":105,"meta":94,"style":94},"\u003Cform @submit.prevent=\"onSubmit\">\n  \u003CFluereSlider v-model=\"gain\" name=\"gain\" header=\"Gain\" \u002F>\n  \u003CFluereButton type=\"submit\" appearance=\"primary\">Submit\u003C\u002FFluereButton>\n\u003C\u002Fform>\n",[22,803,804,833,838,843],{"__ignoreMap":94},[109,805,806,808,811,814,817,819,822,824,826,829,831],{"class":111,"line":112},[109,807,116],{"class":115},[109,809,810],{"class":119},"form",[109,812,813],{"class":115}," @",[109,815,816],{"class":123},"submit",[109,818,199],{"class":115},[109,820,821],{"class":123},"prevent",[109,823,127],{"class":115},[109,825,131],{"class":130},[109,827,828],{"class":115},"onSubmit",[109,830,131],{"class":130},[109,832,269],{"class":115},[109,834,835],{"class":111,"line":150},[109,836,837],{"class":115},"  \u003CFluereSlider v-model=\"gain\" name=\"gain\" header=\"Gain\" \u002F>\n",[109,839,840],{"class":111,"line":277},[109,841,842],{"class":115},"  \u003CFluereButton type=\"submit\" appearance=\"primary\">Submit\u003C\u002FFluereButton>\n",[109,844,846,848,850],{"class":111,"line":845},4,[109,847,280],{"class":115},[109,849,810],{"class":119},[109,851,269],{"class":115},[64,853,855],{"id":854},"api","API",[857,858,859,878],"table",{},[860,861,862],"thead",{},[863,864,865,869,872,875],"tr",{},[866,867,868],"th",{},"Prop",[866,870,871],{},"Type",[866,873,874],{},"Default",[866,876,877],{},"Description",[879,880,881,909,926,955,975,994,1014,1034,1056,1076,1093,1115,1136,1157,1175],"tbody",{},[863,882,883,889,894,899],{},[884,885,886],"td",{},[22,887,888],{},"modelValue",[884,890,891],{},[22,892,893],{},"number",[884,895,896],{},[22,897,898],{},"—",[884,900,901,902,904,905,908],{},"Current value (",[22,903,72],{},"); when omitted, falls back to ",[22,906,907],{},"defaultValue"," (uncontrolled)",[863,910,911,915,919,923],{},[884,912,913],{},[22,914,907],{},[884,916,917],{},[22,918,893],{},[884,920,921],{},[22,922,76],{},[884,924,925],{},"Uncontrolled initial value",[863,927,928,934,938,945],{},[884,929,930,25,932],{},[22,931,76],{},[22,933,79],{},[884,935,936],{},[22,937,893],{},[884,939,940,25,942],{},[22,941,353],{},[22,943,944],{},"100",[884,946,947,948,25,951,954],{},"Range (WinUI ",[22,949,950],{},"RangeBase.Minimum",[22,952,953],{},"Maximum",")",[863,956,957,961,965,969],{},[884,958,959],{},[22,960,82],{},[884,962,963],{},[22,964,893],{},[884,966,967],{},[22,968,430],{},[884,970,971,972,954],{},"Step size (WinUI ",[22,973,974],{},"StepFrequency",[863,976,977,981,986,991],{},[884,978,979],{},[22,980,710],{},[884,982,983],{},[22,984,985],{},"boolean",[884,987,988],{},[22,989,990],{},"false",[884,992,993],{},"Whether disabled",[863,995,996,1001,1006,1011],{},[884,997,998],{},[22,999,1000],{},"orientation",[884,1002,1003],{},[22,1004,1005],{},"'horizontal' | 'vertical'",[884,1007,1008],{},[22,1009,1010],{},"'horizontal'",[884,1012,1013],{},"Orientation",[863,1015,1016,1020,1024,1028],{},[884,1017,1018],{},[22,1019,467],{},[884,1021,1022],{},[22,1023,985],{},[884,1025,1026],{},[22,1027,990],{},[884,1029,1030,1031,954],{},"Reversed (WinUI ",[22,1032,1033],{},"IsDirectionReversed",[863,1035,1036,1040,1045,1049],{},[884,1037,1038],{},[22,1039,86],{},[884,1041,1042],{},[22,1043,1044],{},"string",[884,1046,1047],{},[22,1048,898],{},[884,1050,1051,1052,1055],{},"Top title (WinUI ",[22,1053,1054],{},"Header","), also the default accessible name",[863,1057,1058,1063,1067,1071],{},[884,1059,1060],{},[22,1061,1062],{},"label",[884,1064,1065],{},[22,1066,1044],{},[884,1068,1069],{},[22,1070,898],{},[884,1072,1073,1074,954],{},"Accessible name (takes precedence over ",[22,1075,86],{},[863,1077,1078,1082,1086,1090],{},[884,1079,1080],{},[22,1081,781],{},[884,1083,1084],{},[22,1085,1044],{},[884,1087,1088],{},[22,1089,898],{},[884,1091,1092],{},"Form submission name, paired with a hidden native input",[863,1094,1095,1100,1104,1109],{},[884,1096,1097],{},[22,1098,1099],{},"tooltip",[884,1101,1102],{},[22,1103,985],{},[884,1105,1106],{},[22,1107,1108],{},"true",[884,1110,1111,1112,954],{},"Value tooltip (WinUI ",[22,1113,1114],{},"IsThumbToolTipEnabled",[863,1116,1117,1121,1126,1131],{},[884,1118,1119],{},[22,1120,588],{},[884,1122,1123],{},[22,1124,1125],{},"'none' | 'inline' | 'outside' | 'top-left' | 'bottom-right'",[884,1127,1128],{},[22,1129,1130],{},"'none'",[884,1132,1133,1134,954],{},"Tick position (WinUI ",[22,1135,592],{},[863,1137,1138,1142,1146,1150],{},[884,1139,1140],{},[22,1141,615],{},[884,1143,1144],{},[22,1145,893],{},[884,1147,1148],{},[22,1149,353],{},[884,1151,1152,1153,1156],{},"Tick interval (WinUI ",[22,1154,1155],{},"TickFrequency","), 0 = not drawn",[863,1158,1159,1163,1167,1172],{},[884,1160,1161],{},[22,1162,471],{},[884,1164,1165],{},[22,1166,893],{},[884,1168,1169],{},[22,1170,1171],{},"200",[884,1173,1174],{},"Control length when vertical (px)",[863,1176,1177,1182,1187,1191],{},[884,1178,1179],{},[22,1180,1181],{},"dir",[884,1183,1184],{},[22,1185,1186],{},"'ltr' | 'rtl'",[884,1188,1189],{},[22,1190,898],{},[884,1192,1193],{},"Reading direction",[857,1195,1196,1208],{},[860,1197,1198],{},[863,1199,1200,1203,1206],{},[866,1201,1202],{},"Event",[866,1204,1205],{},"Payload",[866,1207,877],{},[879,1209,1210,1226],{},[863,1211,1212,1217,1221],{},[884,1213,1214],{},[22,1215,1216],{},"update:modelValue",[884,1218,1219],{},[22,1220,893],{},[884,1222,1223,1224,954],{},"Value changed (",[22,1225,72],{},[863,1227,1228,1233,1237],{},[884,1229,1230],{},[22,1231,1232],{},"valueCommit",[884,1234,1235],{},[22,1236,893],{},[884,1238,1239],{},"Final value at the end of an interaction",[857,1241,1242,1251],{},[860,1243,1244],{},[863,1245,1246,1249],{},[866,1247,1248],{},"Slot",[866,1250,877],{},[879,1252,1253],{},[863,1254,1255,1259],{},[884,1256,1257],{},[22,1258,86],{},[884,1260,1261,1262,954],{},"Top title row (WinUI ",[22,1263,1054],{},[1265,1266,1267],"blockquote",{},[14,1268,1269,1270,1273,1274,1277,1278,1281,1282,1281,1285,1288,1289,1292,1293,1296,1297,25,1300,25,1303,1306,1307,1309,1310,1292,1313,1316,1317,1320],{},"State colors cross-reference ",[22,1271,1272],{},"Slider_themeresources.xaml",": the track is ",[22,1275,1276],{},"ControlStrongFillColorDefault"," (same on hover \u002F pressed), the value fill is ",[22,1279,1280],{},"AccentFillColorDefault"," → ",[22,1283,1284],{},"Secondary",[22,1286,1287],{},"Tertiary",", the thumb's outer ring is ",[22,1290,1291],{},"ControlSolidFillColorDefault"," + ",[22,1294,1295],{},"ControlElevationBorderBrush",", and the inner dot scales at ",[22,1298,1299],{},"0.86",[22,1301,1302],{},"1.167",[22,1304,1305],{},"0.71"," (Disabled stops at ",[22,1308,1302],{},"). The focus ring follows this repo's unified Fluent spec (",[22,1311,1312],{},"strokeWidthThick",[22,1314,1315],{},"colorCompoundBrandStroke","), which is a different way of landing the same intent as WinUI's two-color ",[22,1318,1319],{},"FocusVisualMargin=-7,0"," rect.",[1322,1323,1324],"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":94,"searchDepth":150,"depth":150,"links":1326},[1327,1328,1329,1330,1331,1332,1333,1334],{"id":66,"depth":150,"text":67},{"id":177,"depth":150,"text":178},{"id":287,"depth":150,"text":288},{"id":457,"depth":150,"text":458},{"id":582,"depth":150,"text":583},{"id":710,"depth":150,"text":711},{"id":770,"depth":150,"text":771},{"id":854,"depth":150,"text":855},"A slider component for dragging out a value within a continuous range.","md",{},{"title":5},true,"\u002Fen\u002Fcomponents\u002Fslider",{"title":5,"description":1335},"en\u002Fcomponents\u002Fslider","VlD0X5HFl7w0Fcz6nzTxlPthopddGh0sEepwppaSQVI",{"id":1345,"title":1346,"body":1347,"description":2509,"extension":1336,"meta":2510,"nav":2511,"navigation":1339,"path":2512,"seo":2513,"stem":2514,"__hash__":2515},"content\u002Fcomponents\u002Fslider.md","Slider 滑块",{"type":7,"value":1348,"toc":2499},[1349,1352,1371,1383,1389,1392,1407,1470,1473,1491,1567,1570,1594,1729,1732,1743,1842,1845,1870,1954,1957,1965,2008,2011,2025,2080,2082,2388,2432,2456,2497],[10,1350,1346],{"id":1351},"slider-滑块",[14,1353,1354,1355,1357,1358,25,1360,1362,1363,25,1365,1367,1368,1370],{},"滑块让用户在一个连续区间内拖动取值（音量、亮度、字号、价格区间……）。样式与手感还原 WinUI 3（Windows App SDK）的 ",[18,1356,5],{},"，交互底座复用 reka-ui 的 Slider：指针拖拽、按 step 吸附、",[22,1359,24],{},[22,1361,28],{}," \u002F 方向键 \u002F ",[22,1364,32],{},[22,1366,35],{}," 键盘操作、",[22,1369,39],{}," 语义与表单提交都由底座承担，本组件负责把 WinUI 的几何与状态逐项落地。",[14,1372,1373,1374,1376,1377,1379,1380,1382],{},"几何全部取自 WinUI 原值：控件高 32px（",[22,1375,46],{}," 14 + 轨道 4 + ",[22,1378,50],{}," 14）、轨道厚 4px、轨道圆角 2px、滑块 18×18 的布局盒外再靠 ",[22,1381,54],{}," 撑出 22×22 的视觉外圈（正圆，半径按半宽收敛）、内点 12px。",[14,1384,1385,1386,1388],{},"指针交互同样对齐 WinUI：按在滑块上（整个 22×22 的可见外圈都算）只是「抓住」滑块，数值不变；按在滑块之外的轨道上才把滑块中心移到指针处跳值（",[22,1387,61],{},"）。",[64,1390,1391],{"id":1391},"基础用法",[14,1393,1394,1396,1397,25,1399,25,1401,1403,1404,1406],{},[22,1395,72],{}," 绑定数值，",[22,1398,76],{},[22,1400,79],{},[22,1402,82],{}," 决定区间与步进（默认 0–100、步进 1）；",[22,1405,86],{}," 是 WinUI 的标题行，同时作为缺省的可访问名。",[89,1408,1409,1413],{"title":1391},[92,1410,1411],{"v-slot:preview":94},[96,1412],{},[92,1414,1415],{"v-slot:code":94},[101,1416,1418],{"className":103,"code":1417,"language":105,"meta":94,"style":94},"\u003CFluereSlider v-model=\"volume\" header=\"音量\" \u002F>\n\u003CFluereSlider v-model=\"brightness\" header=\"亮度\" \u002F>\n",[22,1419,1420,1445],{"__ignoreMap":94},[109,1421,1422,1424,1426,1428,1430,1432,1434,1436,1438,1440,1443],{"class":111,"line":112},[109,1423,116],{"class":115},[109,1425,120],{"class":119},[109,1427,124],{"class":123},[109,1429,127],{"class":115},[109,1431,131],{"class":130},[109,1433,134],{"class":115},[109,1435,131],{"class":130},[109,1437,139],{"class":123},[109,1439,127],{"class":115},[109,1441,1442],{"class":130},"\"音量\"",[109,1444,147],{"class":115},[109,1446,1447,1449,1451,1453,1455,1457,1459,1461,1463,1465,1468],{"class":111,"line":150},[109,1448,116],{"class":115},[109,1450,120],{"class":119},[109,1452,124],{"class":123},[109,1454,127],{"class":115},[109,1456,131],{"class":130},[109,1458,163],{"class":115},[109,1460,131],{"class":130},[109,1462,139],{"class":123},[109,1464,127],{"class":115},[109,1466,1467],{"class":130},"\"亮度\"",[109,1469,147],{"class":115},[64,1471,1472],{"id":1472},"标题与数值提示",[14,1474,1475,1476,1478,1479,1481,1482,1484,1485,1487,1488,1490],{},"顶部标题用 ",[22,1477,86],{}," 或 ",[22,1480,187],{}," 插槽。按住滑块（或在键盘聚焦时）滑块上方会浮出 WinUI 的数值提示（Disambiguation UI）：文本按 ",[22,1483,82],{}," 的小数位格式化，最多保留 4 位；传 ",[22,1486,194],{}," 对应 ",[22,1489,198],{},"。",[89,1492,1494,1498],{"title":1493},"标题 + 数值提示",[92,1495,1496],{"v-slot:preview":94},[206,1497],{},[92,1499,1500],{"v-slot:code":94},[101,1501,1503],{"className":103,"code":1502,"language":105,"meta":94,"style":94},"\u003CFluereSlider v-model=\"fontSize\" :min=\"9\" :max=\"72\" header=\"字号\">\n  \u003Ctemplate #header>字号（{{ fontSize }} px）\u003C\u002Ftemplate>\n\u003C\u002FFluereSlider>\n",[22,1504,1505,1554,1559],{"__ignoreMap":94},[109,1506,1507,1509,1511,1513,1515,1517,1519,1521,1523,1525,1527,1529,1531,1533,1535,1537,1539,1541,1543,1545,1547,1549,1552],{"class":111,"line":112},[109,1508,116],{"class":115},[109,1510,120],{"class":119},[109,1512,124],{"class":123},[109,1514,127],{"class":115},[109,1516,131],{"class":130},[109,1518,229],{"class":115},[109,1520,131],{"class":130},[109,1522,234],{"class":115},[109,1524,76],{"class":123},[109,1526,127],{"class":115},[109,1528,131],{"class":130},[109,1530,244],{"class":243},[109,1532,131],{"class":130},[109,1534,234],{"class":115},[109,1536,79],{"class":123},[109,1538,127],{"class":115},[109,1540,131],{"class":130},[109,1542,257],{"class":243},[109,1544,131],{"class":130},[109,1546,139],{"class":123},[109,1548,127],{"class":115},[109,1550,1551],{"class":130},"\"字号\"",[109,1553,269],{"class":115},[109,1555,1556],{"class":111,"line":150},[109,1557,1558],{"class":115},"  \u003Ctemplate #header>字号（{{ fontSize }} px）\u003C\u002Ftemplate>\n",[109,1560,1561,1563,1565],{"class":111,"line":277},[109,1562,280],{"class":115},[109,1564,120],{"class":119},[109,1566,269],{"class":115},[64,1568,1569],{"id":1569},"区间与步进",[14,1571,1572,1573,1575,1576,25,1578,1478,1580,1582,1583,25,1585,1587,1588,1590,1591,1593],{},"方向键按 ",[22,1574,82],{}," 走一步，",[22,1577,32],{},[22,1579,35],{},[22,1581,299],{}," + 方向键跳 10 步，",[22,1584,24],{},[22,1586,28],{}," 直达两端；拖动时按 ",[22,1589,82],{}," 吸附并钳制在 ",[22,1592,311],{}," 内。",[89,1595,1596,1600],{"title":1569},[92,1597,1598],{"v-slot:preview":94},[317,1599],{},[92,1601,1602],{"v-slot:code":94},[101,1603,1605],{"className":103,"code":1604,"language":105,"meta":94,"style":94},"\u003CFluereSlider v-model=\"price\" :min=\"0\" :max=\"1000\" :step=\"50\" header=\"价格\" \u002F>\n\u003CFluereSlider v-model=\"ratio\" :min=\"0\" :max=\"1\" :step=\"0.1\" header=\"缩放\" \u002F>\n",[22,1606,1607,1668],{"__ignoreMap":94},[109,1608,1609,1611,1613,1615,1617,1619,1621,1623,1625,1627,1629,1631,1633,1635,1637,1639,1641,1643,1645,1647,1649,1651,1653,1655,1657,1659,1661,1663,1666],{"class":111,"line":112},[109,1610,116],{"class":115},[109,1612,120],{"class":119},[109,1614,124],{"class":123},[109,1616,127],{"class":115},[109,1618,131],{"class":130},[109,1620,340],{"class":115},[109,1622,131],{"class":130},[109,1624,234],{"class":115},[109,1626,76],{"class":123},[109,1628,127],{"class":115},[109,1630,131],{"class":130},[109,1632,353],{"class":243},[109,1634,131],{"class":130},[109,1636,234],{"class":115},[109,1638,79],{"class":123},[109,1640,127],{"class":115},[109,1642,131],{"class":130},[109,1644,366],{"class":243},[109,1646,131],{"class":130},[109,1648,234],{"class":115},[109,1650,82],{"class":123},[109,1652,127],{"class":115},[109,1654,131],{"class":130},[109,1656,379],{"class":243},[109,1658,131],{"class":130},[109,1660,139],{"class":123},[109,1662,127],{"class":115},[109,1664,1665],{"class":130},"\"价格\"",[109,1667,147],{"class":115},[109,1669,1670,1672,1674,1676,1678,1680,1682,1684,1686,1688,1690,1692,1694,1696,1698,1700,1702,1704,1706,1708,1710,1712,1714,1716,1718,1720,1722,1724,1727],{"class":111,"line":150},[109,1671,116],{"class":115},[109,1673,120],{"class":119},[109,1675,124],{"class":123},[109,1677,127],{"class":115},[109,1679,131],{"class":130},[109,1681,405],{"class":115},[109,1683,131],{"class":130},[109,1685,234],{"class":115},[109,1687,76],{"class":123},[109,1689,127],{"class":115},[109,1691,131],{"class":130},[109,1693,353],{"class":243},[109,1695,131],{"class":130},[109,1697,234],{"class":115},[109,1699,79],{"class":123},[109,1701,127],{"class":115},[109,1703,131],{"class":130},[109,1705,430],{"class":243},[109,1707,131],{"class":130},[109,1709,234],{"class":115},[109,1711,82],{"class":123},[109,1713,127],{"class":115},[109,1715,131],{"class":130},[109,1717,443],{"class":243},[109,1719,131],{"class":130},[109,1721,139],{"class":123},[109,1723,127],{"class":115},[109,1725,1726],{"class":130},"\"缩放\"",[109,1728,147],{"class":115},[64,1730,1731],{"id":1731},"纵向",[14,1733,1734,1736,1737,1739,1740,1742],{},[22,1735,463],{}," 切换为纵向：取值自下而上递增（与 WinUI 一致，最小值在底部），传 ",[22,1738,467],{}," 反向。纵向高度由 ",[22,1741,471],{},"（默认 200px）决定。",[89,1744,1745,1749],{"title":1731},[92,1746,1747],{"v-slot:preview":94},[478,1748],{},[92,1750,1751],{"v-slot:code":94},[101,1752,1754],{"className":103,"code":1753,"language":105,"meta":94,"style":94},"\u003CFluereSlider v-model=\"bass\" orientation=\"vertical\" :vertical-length=\"160\" label=\"低音\" \u002F>\n\u003CFluereSlider v-model=\"treble\" orientation=\"vertical\" :vertical-length=\"160\" label=\"高音\" \u002F>\n",[22,1755,1756,1799],{"__ignoreMap":94},[109,1757,1758,1760,1762,1764,1766,1768,1770,1772,1774,1776,1778,1780,1782,1784,1786,1788,1790,1792,1794,1797],{"class":111,"line":112},[109,1759,116],{"class":115},[109,1761,120],{"class":119},[109,1763,124],{"class":123},[109,1765,127],{"class":115},[109,1767,131],{"class":130},[109,1769,501],{"class":115},[109,1771,131],{"class":130},[109,1773,506],{"class":123},[109,1775,127],{"class":115},[109,1777,511],{"class":130},[109,1779,234],{"class":115},[109,1781,516],{"class":123},[109,1783,127],{"class":115},[109,1785,131],{"class":130},[109,1787,523],{"class":243},[109,1789,131],{"class":130},[109,1791,528],{"class":123},[109,1793,127],{"class":115},[109,1795,1796],{"class":130},"\"低音\"",[109,1798,147],{"class":115},[109,1800,1801,1803,1805,1807,1809,1811,1813,1815,1817,1819,1821,1823,1825,1827,1829,1831,1833,1835,1837,1840],{"class":111,"line":150},[109,1802,116],{"class":115},[109,1804,120],{"class":119},[109,1806,124],{"class":123},[109,1808,127],{"class":115},[109,1810,131],{"class":130},[109,1812,550],{"class":115},[109,1814,131],{"class":130},[109,1816,506],{"class":123},[109,1818,127],{"class":115},[109,1820,511],{"class":130},[109,1822,234],{"class":115},[109,1824,516],{"class":123},[109,1826,127],{"class":115},[109,1828,131],{"class":130},[109,1830,523],{"class":243},[109,1832,131],{"class":130},[109,1834,528],{"class":123},[109,1836,127],{"class":115},[109,1838,1839],{"class":130},"\"高音\"",[109,1841,147],{"class":115},[64,1843,1844],{"id":1844},"刻度线",[14,1846,1847,1849,1850,1852,1853,1855,1856,1858,1859,1861,1862,25,1864,1866,1867,1869],{},[22,1848,588],{}," 对应 WinUI ",[22,1851,592],{},"：",[22,1854,596],{},"（默认）\u002F ",[22,1857,600],{},"（轨道内）\u002F ",[22,1860,604],{},"（轨道两侧）\u002F ",[22,1863,608],{},[22,1865,611],{},"（单侧，纵向时即左 \u002F 右）。与 WinUI 一致，",[22,1868,615],{}," 为 0（默认）时不画刻度线。",[89,1871,1872,1876],{"title":1844},[92,1873,1874],{"v-slot:preview":94},[622,1875],{},[92,1877,1878],{"v-slot:code":94},[101,1879,1880],{"className":103,"code":628,"language":105,"meta":94,"style":94},[22,1881,1882,1918],{"__ignoreMap":94},[109,1883,1884,1886,1888,1890,1892,1894,1896,1898,1900,1902,1904,1906,1908,1910,1912,1914,1916],{"class":111,"line":112},[109,1885,116],{"class":115},[109,1887,120],{"class":119},[109,1889,124],{"class":123},[109,1891,127],{"class":115},[109,1893,131],{"class":130},[109,1895,600],{"class":115},[109,1897,131],{"class":130},[109,1899,649],{"class":123},[109,1901,127],{"class":115},[109,1903,654],{"class":130},[109,1905,234],{"class":115},[109,1907,659],{"class":123},[109,1909,127],{"class":115},[109,1911,131],{"class":130},[109,1913,666],{"class":243},[109,1915,131],{"class":130},[109,1917,147],{"class":115},[109,1919,1920,1922,1924,1926,1928,1930,1932,1934,1936,1938,1940,1942,1944,1946,1948,1950,1952],{"class":111,"line":150},[109,1921,116],{"class":115},[109,1923,120],{"class":119},[109,1925,124],{"class":123},[109,1927,127],{"class":115},[109,1929,131],{"class":130},[109,1931,604],{"class":115},[109,1933,131],{"class":130},[109,1935,649],{"class":123},[109,1937,127],{"class":115},[109,1939,693],{"class":130},[109,1941,234],{"class":115},[109,1943,659],{"class":123},[109,1945,127],{"class":115},[109,1947,131],{"class":130},[109,1949,666],{"class":243},[109,1951,131],{"class":130},[109,1953,147],{"class":115},[64,1955,1956],{"id":1956},"禁用",[14,1958,1959,1961,1962,1964],{},[22,1960,710],{}," 时不可交互，轨道、数值填充、滑块与标题一起落到 …Disabled 档；内点停在 WinUI ",[22,1963,711],{}," 状态里的 14px 尺寸。",[89,1966,1968,1972],{"title":1967},"禁用状态",[92,1969,1970],{"v-slot:preview":94},[727,1971],{},[92,1973,1974],{"v-slot:code":94},[101,1975,1977],{"className":103,"code":1976,"language":105,"meta":94,"style":94},"\u003CFluereSlider :model-value=\"35\" disabled header=\"禁用\" \u002F>\n",[22,1978,1979],{"__ignoreMap":94},[109,1980,1981,1983,1985,1987,1989,1991,1993,1995,1997,1999,2001,2003,2006],{"class":111,"line":112},[109,1982,116],{"class":115},[109,1984,120],{"class":119},[109,1986,234],{"class":115},[109,1988,746],{"class":123},[109,1990,127],{"class":115},[109,1992,131],{"class":130},[109,1994,753],{"class":243},[109,1996,131],{"class":130},[109,1998,758],{"class":123},[109,2000,139],{"class":123},[109,2002,127],{"class":115},[109,2004,2005],{"class":130},"\"禁用\"",[109,2007,147],{"class":115},[64,2009,2010],{"id":2010},"表单提交",[14,2012,2013,2014,2016,2017,2019,2020,2022,2023,1490],{},"位于 ",[22,2015,777],{}," 内并传 ",[22,2018,781],{}," 时，会补一个隐藏的原生 ",[22,2021,785],{},"，提交 ",[22,2024,789],{},[89,2026,2027,2031],{"title":2010},[92,2028,2029],{"v-slot:preview":94},[795,2030],{},[92,2032,2033],{"v-slot:code":94},[101,2034,2036],{"className":103,"code":2035,"language":105,"meta":94,"style":94},"\u003Cform @submit.prevent=\"onSubmit\">\n  \u003CFluereSlider v-model=\"gain\" name=\"gain\" header=\"增益\" \u002F>\n  \u003CFluereButton type=\"submit\" appearance=\"primary\">提交\u003C\u002FFluereButton>\n\u003C\u002Fform>\n",[22,2037,2038,2062,2067,2072],{"__ignoreMap":94},[109,2039,2040,2042,2044,2046,2048,2050,2052,2054,2056,2058,2060],{"class":111,"line":112},[109,2041,116],{"class":115},[109,2043,810],{"class":119},[109,2045,813],{"class":115},[109,2047,816],{"class":123},[109,2049,199],{"class":115},[109,2051,821],{"class":123},[109,2053,127],{"class":115},[109,2055,131],{"class":130},[109,2057,828],{"class":115},[109,2059,131],{"class":130},[109,2061,269],{"class":115},[109,2063,2064],{"class":111,"line":150},[109,2065,2066],{"class":115},"  \u003CFluereSlider v-model=\"gain\" name=\"gain\" header=\"增益\" \u002F>\n",[109,2068,2069],{"class":111,"line":277},[109,2070,2071],{"class":115},"  \u003CFluereButton type=\"submit\" appearance=\"primary\">提交\u003C\u002FFluereButton>\n",[109,2073,2074,2076,2078],{"class":111,"line":845},[109,2075,280],{"class":115},[109,2077,810],{"class":119},[109,2079,269],{"class":115},[64,2081,855],{"id":854},[857,2083,2084,2100],{},[860,2085,2086],{},[863,2087,2088,2091,2094,2097],{},[866,2089,2090],{},"属性（Props）",[866,2092,2093],{},"类型",[866,2095,2096],{},"默认",[866,2098,2099],{},"说明",[879,2101,2102,2125,2142,2168,2187,2204,2221,2240,2260,2279,2296,2315,2334,2354,2371],{},[863,2103,2104,2108,2112,2116],{},[884,2105,2106],{},[22,2107,888],{},[884,2109,2110],{},[22,2111,893],{},[884,2113,2114],{},[22,2115,898],{},[884,2117,2118,2119,2121,2122,2124],{},"当前值（",[22,2120,72],{},"），缺省时走 ",[22,2123,907],{}," 非受控",[863,2126,2127,2131,2135,2139],{},[884,2128,2129],{},[22,2130,907],{},[884,2132,2133],{},[22,2134,893],{},[884,2136,2137],{},[22,2138,76],{},[884,2140,2141],{},"非受控初始值",[863,2143,2144,2150,2154,2160],{},[884,2145,2146,25,2148],{},[22,2147,76],{},[22,2149,79],{},[884,2151,2152],{},[22,2153,893],{},[884,2155,2156,25,2158],{},[22,2157,353],{},[22,2159,944],{},[884,2161,2162,2163,25,2165,2167],{},"区间（WinUI ",[22,2164,950],{},[22,2166,953],{},"）",[863,2169,2170,2174,2178,2182],{},[884,2171,2172],{},[22,2173,82],{},[884,2175,2176],{},[22,2177,893],{},[884,2179,2180],{},[22,2181,430],{},[884,2183,2184,2185,2167],{},"步进（WinUI ",[22,2186,974],{},[863,2188,2189,2193,2197,2201],{},[884,2190,2191],{},[22,2192,710],{},[884,2194,2195],{},[22,2196,985],{},[884,2198,2199],{},[22,2200,990],{},[884,2202,2203],{},"是否禁用",[863,2205,2206,2210,2214,2218],{},[884,2207,2208],{},[22,2209,1000],{},[884,2211,2212],{},[22,2213,1005],{},[884,2215,2216],{},[22,2217,1010],{},[884,2219,2220],{},"方向",[863,2222,2223,2227,2231,2235],{},[884,2224,2225],{},[22,2226,467],{},[884,2228,2229],{},[22,2230,985],{},[884,2232,2233],{},[22,2234,990],{},[884,2236,2237,2238,2167],{},"反向（WinUI ",[22,2239,1033],{},[863,2241,2242,2246,2250,2254],{},[884,2243,2244],{},[22,2245,86],{},[884,2247,2248],{},[22,2249,1044],{},[884,2251,2252],{},[22,2253,898],{},[884,2255,2256,2257,2259],{},"顶部标题（WinUI ",[22,2258,1054],{},"），同时是缺省可访问名",[863,2261,2262,2266,2270,2274],{},[884,2263,2264],{},[22,2265,1062],{},[884,2267,2268],{},[22,2269,1044],{},[884,2271,2272],{},[22,2273,898],{},[884,2275,2276,2277,2167],{},"可访问名称（优先于 ",[22,2278,86],{},[863,2280,2281,2285,2289,2293],{},[884,2282,2283],{},[22,2284,781],{},[884,2286,2287],{},[22,2288,1044],{},[884,2290,2291],{},[22,2292,898],{},[884,2294,2295],{},"表单提交名，配合隐藏原生 input",[863,2297,2298,2302,2306,2310],{},[884,2299,2300],{},[22,2301,1099],{},[884,2303,2304],{},[22,2305,985],{},[884,2307,2308],{},[22,2309,1108],{},[884,2311,2312,2313,2167],{},"数值提示（WinUI ",[22,2314,1114],{},[863,2316,2317,2321,2325,2329],{},[884,2318,2319],{},[22,2320,588],{},[884,2322,2323],{},[22,2324,1125],{},[884,2326,2327],{},[22,2328,1130],{},[884,2330,2331,2332,2167],{},"刻度位置（WinUI ",[22,2333,592],{},[863,2335,2336,2340,2344,2348],{},[884,2337,2338],{},[22,2339,615],{},[884,2341,2342],{},[22,2343,893],{},[884,2345,2346],{},[22,2347,353],{},[884,2349,2350,2351,2353],{},"刻度间隔（WinUI ",[22,2352,1155],{},"），0 = 不画",[863,2355,2356,2360,2364,2368],{},[884,2357,2358],{},[22,2359,471],{},[884,2361,2362],{},[22,2363,893],{},[884,2365,2366],{},[22,2367,1171],{},[884,2369,2370],{},"纵向时的控件长度（px）",[863,2372,2373,2377,2381,2385],{},[884,2374,2375],{},[22,2376,1181],{},[884,2378,2379],{},[22,2380,1186],{},[884,2382,2383],{},[22,2384,898],{},[884,2386,2387],{},"阅读方向",[857,2389,2390,2402],{},[860,2391,2392],{},[863,2393,2394,2397,2400],{},[866,2395,2396],{},"事件（Events）",[866,2398,2399],{},"载荷",[866,2401,2099],{},[879,2403,2404,2419],{},[863,2405,2406,2410,2414],{},[884,2407,2408],{},[22,2409,1216],{},[884,2411,2412],{},[22,2413,893],{},[884,2415,2416,2417,2167],{},"值变化（",[22,2418,72],{},[863,2420,2421,2425,2429],{},[884,2422,2423],{},[22,2424,1232],{},[884,2426,2427],{},[22,2428,893],{},[884,2430,2431],{},"一次交互结束时的最终值",[857,2433,2434,2443],{},[860,2435,2436],{},[863,2437,2438,2441],{},[866,2439,2440],{},"插槽（Slots）",[866,2442,2099],{},[879,2444,2445],{},[863,2446,2447,2451],{},[884,2448,2449],{},[22,2450,86],{},[884,2452,2453,2454,2167],{},"顶部标题行（WinUI ",[22,2455,1054],{},[1265,2457,2458],{},[14,2459,2460,2461,2463,2464,2466,2467,1281,2469,1281,2471,2473,2474,1292,2476,2478,2479,25,2481,25,2483,2485,2486,2488,2489,1292,2491,2493,2494,2496],{},"状态配色对照 ",[22,2462,1272],{},"：轨道 ",[22,2465,1276],{},"（hover \u002F pressed 同色）、数值填充 ",[22,2468,1280],{},[22,2470,1284],{},[22,2472,1287],{},"、滑块外圈 ",[22,2475,1291],{},[22,2477,1295],{},"、内点缩放 ",[22,2480,1299],{},[22,2482,1302],{},[22,2484,1305],{},"（Disabled 停在 ",[22,2487,1302],{},"）。焦点环走本库统一的 Fluent 规范（",[22,2490,1312],{},[22,2492,1315],{},"），与 WinUI 的 ",[22,2495,1319],{}," 双色矩形是同一意图的两种落地。",[1322,2498,1324],{},{"title":94,"searchDepth":150,"depth":150,"links":2500},[2501,2502,2503,2504,2505,2506,2507,2508],{"id":1391,"depth":150,"text":1391},{"id":1472,"depth":150,"text":1472},{"id":1569,"depth":150,"text":1569},{"id":1731,"depth":150,"text":1731},{"id":1844,"depth":150,"text":1844},{"id":1956,"depth":150,"text":1956},{"id":2010,"depth":150,"text":2010},{"id":854,"depth":150,"text":855},"滑块组件，用于在连续区间内拖动取值。",{},{"title":1346},"\u002Fcomponents\u002Fslider",{"title":1346,"description":2509},"components\u002Fslider","4O5CNG24_8NVVyQCzKWYQzIC2EuSIMImt--43qrPqOU",1792150930966]