[{"data":1,"prerenderedAt":329},["ShallowReactive",2],{"docs-nav-pkg":3,"docs-page-pkg-\u002Fpkg\u002Fmeter":133},[4,8,12,15,18,21,24,27,30,33,36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,121,124,127,130],{"path":5,"title":6,"section":7},"\u002Fpkg","Overview","Start",{"path":9,"title":10,"section":11},"\u002Fpkg\u002Faccordion","Accordion","Components",{"path":13,"title":14,"section":11},"\u002Fpkg\u002Falert-dialog","Alert Dialog",{"path":16,"title":17,"section":11},"\u002Fpkg\u002Fautocomplete","Autocomplete",{"path":19,"title":20,"section":11},"\u002Fpkg\u002Favatar","Avatar",{"path":22,"title":23,"section":11},"\u002Fpkg\u002Fbutton","Button",{"path":25,"title":26,"section":11},"\u002Fpkg\u002Fcheckbox","Checkbox",{"path":28,"title":29,"section":11},"\u002Fpkg\u002Fcheckbox-group","Checkbox Group",{"path":31,"title":32,"section":11},"\u002Fpkg\u002Fcollapsible","Collapsible",{"path":34,"title":35,"section":11},"\u002Fpkg\u002Fcombobox","Combobox",{"path":37,"title":38,"section":11},"\u002Fpkg\u002Fcontext-menu","Context Menu",{"path":40,"title":41,"section":11},"\u002Fpkg\u002Fdialog","Dialog",{"path":43,"title":44,"section":11},"\u002Fpkg\u002Fdrawer","Drawer",{"path":46,"title":47,"section":11},"\u002Fpkg\u002Ffield","Field",{"path":49,"title":50,"section":11},"\u002Fpkg\u002Ffieldset","Fieldset",{"path":52,"title":53,"section":11},"\u002Fpkg\u002Fform","Form",{"path":55,"title":56,"section":11},"\u002Fpkg\u002Ficon-picker","Icon picker",{"path":58,"title":59,"section":11},"\u002Fpkg\u002Finput","Input",{"path":61,"title":62,"section":11},"\u002Fpkg\u002Fmenu","Menu",{"path":64,"title":65,"section":11},"\u002Fpkg\u002Fmenubar","Menubar",{"path":67,"title":68,"section":11},"\u002Fpkg\u002Fmeter","Meter",{"path":70,"title":71,"section":11},"\u002Fpkg\u002Fnavigation-menu","Navigation Menu",{"path":73,"title":74,"section":11},"\u002Fpkg\u002Fnumber-field","Number Field",{"path":76,"title":77,"section":11},"\u002Fpkg\u002Fotp-field","OTP Field",{"path":79,"title":80,"section":11},"\u002Fpkg\u002Fplot","Plot",{"path":82,"title":83,"section":11},"\u002Fpkg\u002Fpopover","Popover",{"path":85,"title":86,"section":11},"\u002Fpkg\u002Fpreview-card","Preview Card",{"path":88,"title":89,"section":11},"\u002Fpkg\u002Fprogress","Progress",{"path":91,"title":92,"section":11},"\u002Fpkg\u002Fradio-group","Radio Group",{"path":94,"title":95,"section":11},"\u002Fpkg\u002Fscroll-area","Scroll Area",{"path":97,"title":98,"section":11},"\u002Fpkg\u002Fselect","Select",{"path":100,"title":101,"section":11},"\u002Fpkg\u002Fseparator","Separator",{"path":103,"title":104,"section":11},"\u002Fpkg\u002Fsidebar","Sidebar",{"path":106,"title":107,"section":11},"\u002Fpkg\u002Fslider","Slider",{"path":109,"title":110,"section":11},"\u002Fpkg\u002Fswitch","Switch",{"path":112,"title":113,"section":11},"\u002Fpkg\u002Ftabs","Tabs",{"path":115,"title":116,"section":11},"\u002Fpkg\u002Ftoast","Toast",{"path":118,"title":119,"section":120},"\u002Fpkg\u002Fapi","Api","Runtime",{"path":122,"title":123,"section":120},"\u002Fpkg\u002Fauth","Auth",{"path":125,"title":126,"section":120},"\u002Fpkg\u002Fblob","Blob",{"path":128,"title":129,"section":120},"\u002Fpkg\u002Fchannels","Channels",{"path":131,"title":132,"section":120},"\u002Fpkg\u002Fdb","Db",{"id":134,"title":68,"body":135,"description":322,"extension":323,"meta":324,"navigation":325,"path":67,"section":11,"seo":326,"stem":327,"__hash__":328},"pkg\u002Fpkg\u002Fmeter.md",{"type":136,"value":137,"toc":318},"minimark",[138,142,145,150,236,240,314],[139,140,141],"p",{},"A graphical display of a numeric value within a range. The indicator fills with the accent on a fully round track. Label and value are Regular.",[143,144],"base-meter-demo",{},[146,147,149],"h2",{"id":148},"anatomy","Anatomy",[151,152,157],"pre",{"className":153,"code":154,"language":155,"meta":156,"style":156},"language-vue shiki shiki-themes github-light github-dark","\u003CUiMeterRoot :value=\"24\">\n  \u003CUiMeterLabel>Storage Used\u003C\u002FUiMeterLabel>\n  \u003CUiMeterValue \u002F>\n  \u003CUiMeterTrack>\n    \u003CUiMeterIndicator \u002F>\n  \u003C\u002FUiMeterTrack>\n\u003C\u002FUiMeterRoot>\n","vue","",[158,159,160,196,202,208,214,220,226],"code",{"__ignoreMap":156},[161,162,165,169,173,176,180,183,187,191,193],"span",{"class":163,"line":164},"line",1,[161,166,168],{"class":167},"sVt8B","\u003C",[161,170,172],{"class":171},"s9eBZ","UiMeterRoot",[161,174,175],{"class":167}," :",[161,177,179],{"class":178},"sScJk","value",[161,181,182],{"class":167},"=",[161,184,186],{"class":185},"sZZnC","\"",[161,188,190],{"class":189},"sj4cs","24",[161,192,186],{"class":185},[161,194,195],{"class":167},">\n",[161,197,199],{"class":163,"line":198},2,[161,200,201],{"class":167},"  \u003CUiMeterLabel>Storage Used\u003C\u002FUiMeterLabel>\n",[161,203,205],{"class":163,"line":204},3,[161,206,207],{"class":167},"  \u003CUiMeterValue \u002F>\n",[161,209,211],{"class":163,"line":210},4,[161,212,213],{"class":167},"  \u003CUiMeterTrack>\n",[161,215,217],{"class":163,"line":216},5,[161,218,219],{"class":167},"    \u003CUiMeterIndicator \u002F>\n",[161,221,223],{"class":163,"line":222},6,[161,224,225],{"class":167},"  \u003C\u002FUiMeterTrack>\n",[161,227,229,232,234],{"class":163,"line":228},7,[161,230,231],{"class":167},"\u003C\u002F",[161,233,172],{"class":171},[161,235,195],{"class":167},[146,237,239],{"id":238},"parts","Parts",[241,242,243,283,289,302,308],"ul",{},[244,245,246,250,251,254,255,258,259,258,262,265,266,268,269,271,272,275,276,278,279,282],"li",{},[247,248,249],"strong",{},"Root"," — ",[158,252,253],{},"role=\"meter\""," with ",[158,256,257],{},"aria-valuenow"," \u002F ",[158,260,261],{},"min",[158,263,264],{},"max",". ",[158,267,179],{}," is required. ",[158,270,261],{}," defaults to ",[158,273,274],{},"0",", ",[158,277,264],{}," to ",[158,280,281],{},"100",".",[244,284,285,288],{},[247,286,287],{},"Label"," — names the meter.",[244,290,291,294,295,298,299,282],{},[247,292,293],{},"Value"," — formatted reading. Defaults to a percent of the range. Pass ",[158,296,297],{},"format"," for ",[158,300,301],{},"Intl.NumberFormat",[244,303,304,307],{},[247,305,306],{},"Track"," — the full range.",[244,309,310,313],{},[247,311,312],{},"Indicator"," — fills the track. Width is a percent, with a short CSS transition.",[315,316,317],"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 pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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":156,"searchDepth":198,"depth":198,"links":319},[320,321],{"id":148,"depth":198,"text":149},{"id":238,"depth":198,"text":239},"A graphical display of a numeric value in a range","md",{},true,{"title":68,"description":322},"pkg\u002Fmeter","CGkewaepMM0_0sflvUKqBT7hBslye3rgJqxEfsm5diQ",1791043754997]