[{"data":1,"prerenderedAt":3436},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fforms\u002Fslider":682},[4,11,128,525,584,626],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,70,107],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61,66],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":235},{"en":684,"id":2165},{"id":685,"title":234,"aside":686,"body":687,"collapse":10,"description":2161,"editLink":686,"extension":1934,"icon":9,"issueLink":686,"meta":2162,"navBadges":9,"navigation":9,"order":237,"path":235,"prevNext":686,"seo":2163,"stem":236,"toc":686,"__hash__":2164},"docs\u002Fcomponents\u002Fforms\u002Fslider.md",true,{"type":688,"value":689,"toc":2138},"minimark",[690,695,707,711,843,848,855,858,967,971,994,998,1004,1007,1048,1052,1055,1090,1094,1104,1107,1138,1142,1147,1150,1183,1187,1201,1204,1235,1239,1248,1251,1319,1322,1327,1330,1356,1360,1380,1383,1409,1413,1416,1419,1493,1497,1508,1511,1598,1602,1616,1663,1667,1680,1732,1739,1745,1749,1753,2044,2048,2093,2097,2134],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697,698,702,703,706],"p",{},[699,700,701],"code",{},"v-model"," is a plain ",[699,704,705],{},"number"," for a single handle:",[708,709],"component-example",{"name":710},"slider-basic",[712,713,718],"pre",{"className":714,"code":715,"language":716,"meta":717,"style":717},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst value = ref(30)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSSlider v-model=\"value\" aria-label=\"Volume\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[699,719,720,749,775,785,791,801,834],{"__ignoreMap":717},[721,722,724,728,732,736,739,742,746],"span",{"class":723,"line":8},"line",[721,725,727],{"class":726},"sVt8B","\u003C",[721,729,731],{"class":730},"s9eBZ","script",[721,733,735],{"class":734},"sScJk"," setup",[721,737,738],{"class":734}," lang",[721,740,741],{"class":726},"=",[721,743,745],{"class":744},"sZZnC","\"ts\"",[721,747,748],{"class":726},">\n",[721,750,752,756,760,763,766,769,772],{"class":723,"line":751},2,[721,753,755],{"class":754},"szBVR","const",[721,757,759],{"class":758},"sj4cs"," value",[721,761,762],{"class":754}," =",[721,764,765],{"class":734}," ref",[721,767,768],{"class":726},"(",[721,770,771],{"class":758},"30",[721,773,774],{"class":726},")\n",[721,776,778,781,783],{"class":723,"line":777},3,[721,779,780],{"class":726},"\u003C\u002F",[721,782,731],{"class":730},[721,784,748],{"class":726},[721,786,788],{"class":723,"line":787},4,[721,789,790],{"emptyLinePlaceholder":686},"\n",[721,792,794,796,799],{"class":723,"line":793},5,[721,795,727],{"class":726},[721,797,798],{"class":730},"template",[721,800,748],{"class":726},[721,802,804,807,810,813,815,818,821,823,826,828,831],{"class":723,"line":803},6,[721,805,806],{"class":726},"  \u003C",[721,808,809],{"class":730},"SSlider",[721,811,812],{"class":734}," v-model",[721,814,741],{"class":726},[721,816,817],{"class":744},"\"",[721,819,820],{"class":726},"value",[721,822,817],{"class":744},[721,824,825],{"class":734}," aria-label",[721,827,741],{"class":726},[721,829,830],{"class":744},"\"Volume\"",[721,832,833],{"class":726}," \u002F>\n",[721,835,837,839,841],{"class":723,"line":836},7,[721,838,780],{"class":726},[721,840,798],{"class":730},[721,842,748],{"class":726},[844,845,847],"h3",{"id":846},"range","Range",[696,849,850,851,854],{},"Pass an array instead to get a range slider with one handle per entry -\n",[699,852,853],{},"minStepsBetweenThumbs"," keeps them from crossing (or getting closer than\nthat many steps apart). The value you get back always matches the shape\nyou passed in - an array in, an array out:",[708,856],{"name":857},"slider-range",[712,859,861],{"className":714,"code":860,"language":716,"meta":717,"style":717},"\u003Cscript setup lang=\"ts\">\nconst priceRange = ref([20, 80])\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSSlider v-model=\"priceRange\" :min-steps-between-thumbs=\"5\" \u002F>\n\u003C\u002Ftemplate>\n",[699,862,863,879,905,913,917,925,959],{"__ignoreMap":717},[721,864,865,867,869,871,873,875,877],{"class":723,"line":8},[721,866,727],{"class":726},[721,868,731],{"class":730},[721,870,735],{"class":734},[721,872,738],{"class":734},[721,874,741],{"class":726},[721,876,745],{"class":744},[721,878,748],{"class":726},[721,880,881,883,886,888,890,893,896,899,902],{"class":723,"line":751},[721,882,755],{"class":754},[721,884,885],{"class":758}," priceRange",[721,887,762],{"class":754},[721,889,765],{"class":734},[721,891,892],{"class":726},"([",[721,894,895],{"class":758},"20",[721,897,898],{"class":726},", ",[721,900,901],{"class":758},"80",[721,903,904],{"class":726},"])\n",[721,906,907,909,911],{"class":723,"line":777},[721,908,780],{"class":726},[721,910,731],{"class":730},[721,912,748],{"class":726},[721,914,915],{"class":723,"line":787},[721,916,790],{"emptyLinePlaceholder":686},[721,918,919,921,923],{"class":723,"line":793},[721,920,727],{"class":726},[721,922,798],{"class":730},[721,924,748],{"class":726},[721,926,927,929,931,933,935,937,940,942,945,948,950,952,955,957],{"class":723,"line":803},[721,928,806],{"class":726},[721,930,809],{"class":730},[721,932,812],{"class":734},[721,934,741],{"class":726},[721,936,817],{"class":744},[721,938,939],{"class":726},"priceRange",[721,941,817],{"class":744},[721,943,944],{"class":726}," :",[721,946,947],{"class":734},"min-steps-between-thumbs",[721,949,741],{"class":726},[721,951,817],{"class":744},[721,953,954],{"class":758},"5",[721,956,817],{"class":744},[721,958,833],{"class":726},[721,960,961,963,965],{"class":723,"line":836},[721,962,780],{"class":726},[721,964,798],{"class":730},[721,966,748],{"class":726},[844,968,970],{"id":969},"min-max-and-step","Min, max, and step",[696,972,973,6,976,979,980,6,983,986,987,979,990,993],{},[699,974,975],{},"min",[699,977,978],{},"max"," (default ",[699,981,982],{},"0",[699,984,985],{},"100",") bound the value, ",[699,988,989],{},"step",[699,991,992],{},"1",")\ncontrols the increment - both the drag and the arrow keys snap to it.",[844,995,997],{"id":996},"ticks","Ticks",[696,999,1000,1003],{},[699,1001,1002],{},"show-ticks"," marks every step along the track - a Selaras addition, not\npart of Reka's own primitive:",[708,1005],{"name":1006},"slider-ticks",[712,1008,1012],{"className":1009,"code":1010,"language":1011,"meta":717,"style":717},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSSlider v-model=\"value\" :step=\"25\" show-ticks \u002F>\n","vue-html",[699,1013,1014],{"__ignoreMap":717},[721,1015,1016,1018,1020,1022,1024,1026,1028,1030,1032,1034,1036,1038,1041,1043,1046],{"class":723,"line":8},[721,1017,727],{"class":726},[721,1019,809],{"class":730},[721,1021,812],{"class":734},[721,1023,741],{"class":726},[721,1025,817],{"class":744},[721,1027,820],{"class":726},[721,1029,817],{"class":744},[721,1031,944],{"class":726},[721,1033,989],{"class":734},[721,1035,741],{"class":726},[721,1037,817],{"class":744},[721,1039,1040],{"class":758},"25",[721,1042,817],{"class":744},[721,1044,1045],{"class":734}," show-ticks",[721,1047,833],{"class":726},[844,1049,1051],{"id":1050},"color","Color",[708,1053],{"name":1054},"slider-color",[712,1056,1058],{"className":1009,"code":1057,"language":1011,"meta":717,"style":717},"\u003CSSlider :model-value=\"60\" color=\"danger\" \u002F>\n",[699,1059,1060],{"__ignoreMap":717},[721,1061,1062,1064,1066,1068,1071,1073,1075,1078,1080,1083,1085,1088],{"class":723,"line":8},[721,1063,727],{"class":726},[721,1065,809],{"class":730},[721,1067,944],{"class":726},[721,1069,1070],{"class":734},"model-value",[721,1072,741],{"class":726},[721,1074,817],{"class":744},[721,1076,1077],{"class":758},"60",[721,1079,817],{"class":744},[721,1081,1082],{"class":734}," color",[721,1084,741],{"class":726},[721,1086,1087],{"class":744},"\"danger\"",[721,1089,833],{"class":726},[844,1091,1093],{"id":1092},"vertical","Vertical",[696,1095,1096,1099,1100,1103],{},[699,1097,1098],{},"orientation=\"vertical\""," needs a real height to size against - the theme\ngives it a sensible default (override via ",[699,1101,1102],{},":ui.root"," for a taller\u002Fshorter\none):",[708,1105],{"name":1106},"slider-vertical",[712,1108,1110],{"className":1009,"code":1109,"language":1011,"meta":717,"style":717},"\u003CSSlider v-model=\"value\" orientation=\"vertical\" \u002F>\n",[699,1111,1112],{"__ignoreMap":717},[721,1113,1114,1116,1118,1120,1122,1124,1126,1128,1131,1133,1136],{"class":723,"line":8},[721,1115,727],{"class":726},[721,1117,809],{"class":730},[721,1119,812],{"class":734},[721,1121,741],{"class":726},[721,1123,817],{"class":744},[721,1125,820],{"class":726},[721,1127,817],{"class":744},[721,1129,1130],{"class":734}," orientation",[721,1132,741],{"class":726},[721,1134,1135],{"class":744},"\"vertical\"",[721,1137,833],{"class":726},[844,1139,1141],{"id":1140},"inverted","Inverted",[696,1143,1144,1146],{},[699,1145,1140],{}," visually (and directionally) flips the slider - the max end\nrenders where the min end normally would, and dragging is reversed to\nmatch:",[708,1148],{"name":1149},"slider-inverted",[712,1151,1153],{"className":1009,"code":1152,"language":1011,"meta":717,"style":717},"\u003CSSlider v-model=\"value\" inverted aria-label=\"Volume (inverted)\" \u002F>\n",[699,1154,1155],{"__ignoreMap":717},[721,1156,1157,1159,1161,1163,1165,1167,1169,1171,1174,1176,1178,1181],{"class":723,"line":8},[721,1158,727],{"class":726},[721,1160,809],{"class":730},[721,1162,812],{"class":734},[721,1164,741],{"class":726},[721,1166,817],{"class":744},[721,1168,820],{"class":726},[721,1170,817],{"class":744},[721,1172,1173],{"class":734}," inverted",[721,1175,825],{"class":734},[721,1177,741],{"class":726},[721,1179,1180],{"class":744},"\"Volume (inverted)\"",[721,1182,833],{"class":726},[844,1184,1186],{"id":1185},"thumb-variant","Thumb variant",[696,1188,1189,1192,1193,1196,1197,1200],{},[699,1190,1191],{},"thumb-variant=\"bar\""," swaps the default circular thumb for a thin bar,\nsized off the track's own ",[699,1194,1195],{},"size"," and ",[699,1198,1199],{},"orientation",":",[708,1202],{"name":1203},"slider-thumb-variant",[712,1205,1207],{"className":1009,"code":1206,"language":1011,"meta":717,"style":717},"\u003CSSlider v-model=\"value\" thumb-variant=\"bar\" \u002F>\n",[699,1208,1209],{"__ignoreMap":717},[721,1210,1211,1213,1215,1217,1219,1221,1223,1225,1228,1230,1233],{"class":723,"line":8},[721,1212,727],{"class":726},[721,1214,809],{"class":730},[721,1216,812],{"class":734},[721,1218,741],{"class":726},[721,1220,817],{"class":744},[721,1222,820],{"class":726},[721,1224,817],{"class":744},[721,1226,1227],{"class":734}," thumb-variant",[721,1229,741],{"class":726},[721,1231,1232],{"class":744},"\"bar\"",[721,1234,833],{"class":726},[844,1236,1238],{"id":1237},"start-and-end-slots","Start and end slots",[696,1240,1241,6,1244,1247],{},[699,1242,1243],{},"#start",[699,1245,1246],{},"#end"," render content flanking the track - an icon, an emoji,\na unit label:",[708,1249],{"name":1250},"slider-flanking",[712,1252,1254],{"className":1009,"code":1253,"language":1011,"meta":717,"style":717},"\u003CSSlider v-model=\"value\">\n  \u003Ctemplate #start>😞\u003C\u002Ftemplate>\n  \u003Ctemplate #end>😄\u003C\u002Ftemplate>\n\u003C\u002FSSlider>\n",[699,1255,1256,1274,1293,1311],{"__ignoreMap":717},[721,1257,1258,1260,1262,1264,1266,1268,1270,1272],{"class":723,"line":8},[721,1259,727],{"class":726},[721,1261,809],{"class":730},[721,1263,812],{"class":734},[721,1265,741],{"class":726},[721,1267,817],{"class":744},[721,1269,820],{"class":726},[721,1271,817],{"class":744},[721,1273,748],{"class":726},[721,1275,1276,1278,1280,1283,1286,1289,1291],{"class":723,"line":751},[721,1277,806],{"class":726},[721,1279,798],{"class":730},[721,1281,1282],{"class":726}," #",[721,1284,1285],{"class":734},"start",[721,1287,1288],{"class":726},">😞\u003C\u002F",[721,1290,798],{"class":730},[721,1292,748],{"class":726},[721,1294,1295,1297,1299,1301,1304,1307,1309],{"class":723,"line":777},[721,1296,806],{"class":726},[721,1298,798],{"class":730},[721,1300,1282],{"class":726},[721,1302,1303],{"class":734},"end",[721,1305,1306],{"class":726},">😄\u003C\u002F",[721,1308,798],{"class":730},[721,1310,748],{"class":726},[721,1312,1313,1315,1317],{"class":723,"line":787},[721,1314,780],{"class":726},[721,1316,809],{"class":730},[721,1318,748],{"class":726},[844,1320,405],{"id":1321},"tooltip",[696,1323,1324,1326],{},[699,1325,1321],{}," wraps each thumb in a tooltip showing its current value on\nhover or focus:",[708,1328],{"name":1329},"slider-tooltip",[712,1331,1333],{"className":1009,"code":1332,"language":1011,"meta":717,"style":717},"\u003CSSlider v-model=\"value\" tooltip \u002F>\n",[699,1334,1335],{"__ignoreMap":717},[721,1336,1337,1339,1341,1343,1345,1347,1349,1351,1354],{"class":723,"line":8},[721,1338,727],{"class":726},[721,1340,809],{"class":730},[721,1342,812],{"class":734},[721,1344,741],{"class":726},[721,1346,817],{"class":744},[721,1348,820],{"class":726},[721,1350,817],{"class":744},[721,1352,1353],{"class":734}," tooltip",[721,1355,833],{"class":726},[844,1357,1359],{"id":1358},"controls","Controls",[696,1361,1362,1364,1365,6,1368,1371,1372,1374,1375,6,1377,1379],{},[699,1363,1358],{}," adds ",[699,1366,1367],{},"-",[699,1369,1370],{},"+"," buttons flanking the track that step the value\nby ",[699,1373,989],{},", disabling at ",[699,1376,975],{},[699,1378,978],{}," - only rendered for a single-value\nslider, since stepping two independent range thumbs with one shared\nbutton pair has no obvious single meaning:",[708,1381],{"name":1382},"slider-controls",[712,1384,1386],{"className":1009,"code":1385,"language":1011,"meta":717,"style":717},"\u003CSSlider v-model=\"value\" controls \u002F>\n",[699,1387,1388],{"__ignoreMap":717},[721,1389,1390,1392,1394,1396,1398,1400,1402,1404,1407],{"class":723,"line":8},[721,1391,727],{"class":726},[721,1393,809],{"class":730},[721,1395,812],{"class":734},[721,1397,741],{"class":726},[721,1399,817],{"class":744},[721,1401,820],{"class":726},[721,1403,817],{"class":744},[721,1405,1406],{"class":734}," controls",[721,1408,833],{"class":726},[844,1410,1412],{"id":1411},"side-labels","Side labels",[696,1414,1415],{},"Plain text either side of the track composes with no extra API:",[708,1417],{"name":1418},"slider-labels",[712,1420,1422],{"className":1009,"code":1421,"language":1011,"meta":717,"style":717},"\u003Cdiv class=\"flex items-center gap-3\">\n  \u003Cspan>Low\u003C\u002Fspan>\n  \u003CSSlider v-model=\"value\" \u002F>\n  \u003Cspan>High\u003C\u002Fspan>\n\u003C\u002Fdiv>\n",[699,1423,1424,1441,1454,1472,1485],{"__ignoreMap":717},[721,1425,1426,1428,1431,1434,1436,1439],{"class":723,"line":8},[721,1427,727],{"class":726},[721,1429,1430],{"class":730},"div",[721,1432,1433],{"class":734}," class",[721,1435,741],{"class":726},[721,1437,1438],{"class":744},"\"flex items-center gap-3\"",[721,1440,748],{"class":726},[721,1442,1443,1445,1447,1450,1452],{"class":723,"line":751},[721,1444,806],{"class":726},[721,1446,721],{"class":730},[721,1448,1449],{"class":726},">Low\u003C\u002F",[721,1451,721],{"class":730},[721,1453,748],{"class":726},[721,1455,1456,1458,1460,1462,1464,1466,1468,1470],{"class":723,"line":777},[721,1457,806],{"class":726},[721,1459,809],{"class":730},[721,1461,812],{"class":734},[721,1463,741],{"class":726},[721,1465,817],{"class":744},[721,1467,820],{"class":726},[721,1469,817],{"class":744},[721,1471,833],{"class":726},[721,1473,1474,1476,1478,1481,1483],{"class":723,"line":787},[721,1475,806],{"class":726},[721,1477,721],{"class":730},[721,1479,1480],{"class":726},">High\u003C\u002F",[721,1482,721],{"class":730},[721,1484,748],{"class":726},[721,1486,1487,1489,1491],{"class":723,"line":793},[721,1488,780],{"class":726},[721,1490,1430],{"class":730},[721,1492,748],{"class":726},[844,1494,1496],{"id":1495},"paired-with-a-number-input","Paired with a number input",[696,1498,1499,1196,1501,1504,1505,1507],{},[699,1500,809],{},[699,1502,1503],{},"SInputNumber"," sharing one ",[699,1506,701],{}," gives an exact,\ntypeable value alongside the drag control:",[708,1509],{"name":1510},"slider-with-input",[712,1512,1514],{"className":1009,"code":1513,"language":1011,"meta":717,"style":717},"\u003Cdiv class=\"flex items-center gap-3\">\n  \u003CSSlider v-model=\"value\" \u002F>\n  \u003CSInputNumber v-model=\"value\" :min=\"0\" :max=\"100\" \u002F>\n\u003C\u002Fdiv>\n",[699,1515,1516,1530,1548,1590],{"__ignoreMap":717},[721,1517,1518,1520,1522,1524,1526,1528],{"class":723,"line":8},[721,1519,727],{"class":726},[721,1521,1430],{"class":730},[721,1523,1433],{"class":734},[721,1525,741],{"class":726},[721,1527,1438],{"class":744},[721,1529,748],{"class":726},[721,1531,1532,1534,1536,1538,1540,1542,1544,1546],{"class":723,"line":751},[721,1533,806],{"class":726},[721,1535,809],{"class":730},[721,1537,812],{"class":734},[721,1539,741],{"class":726},[721,1541,817],{"class":744},[721,1543,820],{"class":726},[721,1545,817],{"class":744},[721,1547,833],{"class":726},[721,1549,1550,1552,1554,1556,1558,1560,1562,1564,1566,1568,1570,1572,1574,1576,1578,1580,1582,1584,1586,1588],{"class":723,"line":777},[721,1551,806],{"class":726},[721,1553,1503],{"class":730},[721,1555,812],{"class":734},[721,1557,741],{"class":726},[721,1559,817],{"class":744},[721,1561,820],{"class":726},[721,1563,817],{"class":744},[721,1565,944],{"class":726},[721,1567,975],{"class":734},[721,1569,741],{"class":726},[721,1571,817],{"class":744},[721,1573,982],{"class":758},[721,1575,817],{"class":744},[721,1577,944],{"class":726},[721,1579,978],{"class":734},[721,1581,741],{"class":726},[721,1583,817],{"class":744},[721,1585,985],{"class":758},[721,1587,817],{"class":744},[721,1589,833],{"class":726},[721,1591,1592,1594,1596],{"class":723,"line":787},[721,1593,780],{"class":726},[721,1595,1430],{"class":730},[721,1597,748],{"class":726},[844,1599,1601],{"id":1600},"accessible-labeling","Accessible labeling",[696,1603,1604,1605,1608,1609,1611,1612,1615],{},"A slider thumb has no visible text of its own, so it needs an accessible\nname from somewhere. ",[699,1606,1607],{},"aria-label"," (a single string) applies to every\nthumb - fine for a single-handle slider. For a range slider, Reka's own\nprimitive already falls back to \"Minimum\"\u002F\"Maximum\" for a two-thumb\nslider with no label at all; pass an array to ",[699,1610,1607],{}," to say\nsomething more specific instead (",[699,1613,1614],{},"['Low priority', 'High priority']",", for\none):",[712,1617,1619],{"className":1009,"code":1618,"language":1011,"meta":717,"style":717},"\u003CSSlider v-model=\"priceRange\" :aria-label=\"['Minimum price', 'Maximum price']\" \u002F>\n",[699,1620,1621],{"__ignoreMap":717},[721,1622,1623,1625,1627,1629,1631,1633,1635,1637,1639,1641,1643,1645,1648,1651,1653,1656,1659,1661],{"class":723,"line":8},[721,1624,727],{"class":726},[721,1626,809],{"class":730},[721,1628,812],{"class":734},[721,1630,741],{"class":726},[721,1632,817],{"class":744},[721,1634,939],{"class":726},[721,1636,817],{"class":744},[721,1638,944],{"class":726},[721,1640,1607],{"class":734},[721,1642,741],{"class":726},[721,1644,817],{"class":744},[721,1646,1647],{"class":726},"[",[721,1649,1650],{"class":744},"'Minimum price'",[721,1652,898],{"class":726},[721,1654,1655],{"class":744},"'Maximum price'",[721,1657,1658],{"class":726},"]",[721,1660,817],{"class":744},[721,1662,833],{"class":726},[844,1664,1666],{"id":1665},"committing-vs-continuous-updates","Committing vs. continuous updates",[696,1668,1669,1672,1673,1675,1676,1679],{},[699,1670,1671],{},"update:model-value"," (what ",[699,1674,701],{}," uses) fires continuously while\ndragging. ",[699,1677,1678],{},"value-commit"," fires once, only when a drag finishes with an\nactually-changed value - useful for anything that shouldn't run on every\nintermediate frame, like a debounced request:",[712,1681,1683],{"className":1009,"code":1682,"language":1011,"meta":717,"style":717},"\u003CSSlider v-model=\"value\" @value-commit=\"(v) => fetchResultsFor(v)\" \u002F>\n",[699,1684,1685],{"__ignoreMap":717},[721,1686,1687,1689,1691,1693,1695,1697,1699,1701,1704,1706,1708,1710,1712,1716,1719,1722,1725,1728,1730],{"class":723,"line":8},[721,1688,727],{"class":726},[721,1690,809],{"class":730},[721,1692,812],{"class":734},[721,1694,741],{"class":726},[721,1696,817],{"class":744},[721,1698,820],{"class":726},[721,1700,817],{"class":744},[721,1702,1703],{"class":726}," @",[721,1705,1678],{"class":734},[721,1707,741],{"class":726},[721,1709,817],{"class":744},[721,1711,768],{"class":726},[721,1713,1715],{"class":1714},"s4XuR","v",[721,1717,1718],{"class":726},") ",[721,1720,1721],{"class":754},"=>",[721,1723,1724],{"class":734}," fetchResultsFor",[721,1726,1727],{"class":726},"(v)",[721,1729,817],{"class":744},[721,1731,833],{"class":726},[844,1733,1735,1736],{"id":1734},"custom-ui","Custom ",[699,1737,1738],{},":ui",[696,1740,1741,1742,1744],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[699,1743,234],{},"'s own theme file:",[1746,1747],"theme-source",{"name":1748},"slider",[691,1750,1752],{"id":1751},"props","Props",[1754,1755,1756,1772],"table",{},[1757,1758,1759],"thead",{},[1760,1761,1762,1766,1769],"tr",{},[1763,1764,1765],"th",{},"Prop",[1763,1767,1768],{},"Type",[1763,1770,1771],{},"Default",[1773,1774,1775,1790,1803,1817,1831,1845,1857,1874,1890,1904,1919,1935,1952,1969,1983,1997,2011,2030],"tbody",{},[1760,1776,1777,1783,1788],{},[1778,1779,1780],"td",{},[699,1781,1782],{},"modelValue",[1778,1784,1785],{},[699,1786,1787],{},"number | number[]",[1778,1789,1367],{},[1760,1791,1792,1797,1801],{},[1778,1793,1794],{},[699,1795,1796],{},"defaultValue",[1778,1798,1799],{},[699,1800,1787],{},[1778,1802,1367],{},[1760,1804,1805,1809,1813],{},[1778,1806,1807],{},[699,1808,975],{},[1778,1810,1811],{},[699,1812,705],{},[1778,1814,1815],{},[699,1816,982],{},[1760,1818,1819,1823,1827],{},[1778,1820,1821],{},[699,1822,978],{},[1778,1824,1825],{},[699,1826,705],{},[1778,1828,1829],{},[699,1830,985],{},[1760,1832,1833,1837,1841],{},[1778,1834,1835],{},[699,1836,989],{},[1778,1838,1839],{},[699,1840,705],{},[1778,1842,1843],{},[699,1844,992],{},[1760,1846,1847,1851,1855],{},[1778,1848,1849],{},[699,1850,853],{},[1778,1852,1853],{},[699,1854,705],{},[1778,1856,1367],{},[1760,1858,1859,1864,1869],{},[1778,1860,1861],{},[699,1862,1863],{},"disabled",[1778,1865,1866],{},[699,1867,1868],{},"boolean",[1778,1870,1871],{},[699,1872,1873],{},"false",[1760,1875,1876,1880,1885],{},[1778,1877,1878],{},[699,1879,1199],{},[1778,1881,1882],{},[699,1883,1884],{},"'horizontal' | 'vertical'",[1778,1886,1887],{},[699,1888,1889],{},"'horizontal'",[1760,1891,1892,1896,1900],{},[1778,1893,1894],{},[699,1895,1140],{},[1778,1897,1898],{},[699,1899,1868],{},[1778,1901,1902],{},[699,1903,1873],{},[1760,1905,1906,1911,1915],{},[1778,1907,1908],{},[699,1909,1910],{},"showTicks",[1778,1912,1913],{},[699,1914,1868],{},[1778,1916,1917],{},[699,1918,1873],{},[1760,1920,1921,1925,1930],{},[1778,1922,1923],{},[699,1924,1195],{},[1778,1926,1927],{},[699,1928,1929],{},"'sm' | 'md' | 'lg'",[1778,1931,1932],{},[699,1933,1934],{},"md",[1760,1936,1937,1941,1947],{},[1778,1938,1939],{},[699,1940,1050],{},[1778,1942,1943],{},[1944,1945,1946],"a",{"href":84},"ColorRole",[1778,1948,1949],{},[699,1950,1951],{},"primary",[1760,1953,1954,1959,1964],{},[1778,1955,1956],{},[699,1957,1958],{},"thumbVariant",[1778,1960,1961],{},[699,1962,1963],{},"'circle' | 'bar'",[1778,1965,1966],{},[699,1967,1968],{},"circle",[1760,1970,1971,1975,1979],{},[1778,1972,1973],{},[699,1974,1321],{},[1778,1976,1977],{},[699,1978,1868],{},[1778,1980,1981],{},[699,1982,1873],{},[1760,1984,1985,1989,1993],{},[1778,1986,1987],{},[699,1988,1358],{},[1778,1990,1991],{},[699,1992,1868],{},[1778,1994,1995],{},[699,1996,1873],{},[1760,1998,1999,2004,2009],{},[1778,2000,2001],{},[699,2002,2003],{},"ariaLabel",[1778,2005,2006],{},[699,2007,2008],{},"string | string[]",[1778,2010,1367],{},[1760,2012,2013,2018,2028],{},[1778,2014,2015],{},[699,2016,2017],{},"name",[1778,2019,2020,2023,2024,2027],{},[699,2021,2022],{},"string"," (submitted via a hidden input Reka renders internally - only takes effect inside a real ",[699,2025,2026],{},"\u003Cform>",")",[1778,2029,1367],{},[1760,2031,2032,2037,2042],{},[1778,2033,2034],{},[699,2035,2036],{},"ui",[1778,2038,2039],{},[699,2040,2041],{},"Partial\u003CRecord\u003CSliderSlot, string | object>>",[1778,2043,1367],{},[691,2045,2047],{"id":2046},"events","Events",[1754,2049,2050,2063],{},[1757,2051,2052],{},[1760,2053,2054,2057,2060],{},[1763,2055,2056],{},"Event",[1763,2058,2059],{},"Payload",[1763,2061,2062],{},"Description",[1773,2064,2065,2079],{},[1760,2066,2067,2072,2076],{},[1778,2068,2069],{},[699,2070,2071],{},"update:modelValue",[1778,2073,2074],{},[699,2075,1787],{},[1778,2077,2078],{},"Fires continuously while dragging",[1760,2080,2081,2086,2090],{},[1778,2082,2083],{},[699,2084,2085],{},"valueCommit",[1778,2087,2088],{},[699,2089,1787],{},[1778,2091,2092],{},"Fires once, when a drag finishes with a changed value",[691,2094,2096],{"id":2095},"slots","Slots",[1754,2098,2099,2110],{},[1757,2100,2101],{},[1760,2102,2103,2106,2108],{},[1763,2104,2105],{},"Slot",[1763,2107,1752],{},[1763,2109,2062],{},[1773,2111,2112,2123],{},[1760,2113,2114,2118,2120],{},[1778,2115,2116],{},[699,2117,1285],{},[1778,2119,1367],{},[1778,2121,2122],{},"Content flanking the start of the track",[1760,2124,2125,2129,2131],{},[1778,2126,2127],{},[699,2128,1303],{},[1778,2130,1367],{},[1778,2132,2133],{},"Content flanking the end of the track",[2135,2136,2137],"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 .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}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);}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":717,"searchDepth":777,"depth":777,"links":2139},[2140,2158,2159,2160],{"id":693,"depth":751,"text":694,"children":2141},[2142,2143,2144,2145,2146,2147,2148,2149,2150,2151,2152,2153,2154,2155,2156],{"id":846,"depth":777,"text":847},{"id":969,"depth":777,"text":970},{"id":996,"depth":777,"text":997},{"id":1050,"depth":777,"text":1051},{"id":1092,"depth":777,"text":1093},{"id":1140,"depth":777,"text":1141},{"id":1185,"depth":777,"text":1186},{"id":1237,"depth":777,"text":1238},{"id":1321,"depth":777,"text":405},{"id":1358,"depth":777,"text":1359},{"id":1411,"depth":777,"text":1412},{"id":1495,"depth":777,"text":1496},{"id":1600,"depth":777,"text":1601},{"id":1665,"depth":777,"text":1666},{"id":1734,"depth":777,"text":2157},"Custom :ui",{"id":1751,"depth":751,"text":1752},{"id":2046,"depth":751,"text":2047},{"id":2095,"depth":751,"text":2096},"A draggable control for picking a number (or a range) within a min\u002Fmax, built on Reka UI's Slider primitive.",{},{"title":234,"description":2161},"3LitS413ZFvs7TcIh2Al0xcEdaXrX3RlPR4_BrF2ZnU",{"id":2166,"title":234,"aside":686,"body":2167,"collapse":10,"description":3430,"editLink":686,"extension":1934,"icon":9,"issueLink":686,"meta":3431,"navBadges":9,"navigation":9,"order":237,"path":3432,"prevNext":686,"seo":3433,"stem":3434,"toc":686,"__hash__":3435},"docs\u002Fid\u002Fcomponents\u002Fforms\u002Fslider.md",{"type":688,"value":2168,"toc":3408},[2169,2173,2181,2183,2271,2273,2279,2281,2379,2383,2399,2401,2406,2408,2444,2448,2450,2480,2484,2492,2494,2522,2524,2529,2531,2561,2563,2574,2576,2604,2608,2615,2617,2681,2683,2688,2690,2714,2716,2734,2736,2760,2762,2765,2767,2835,2839,2849,2851,2937,2941,2953,2995,2997,3008,3052,3056,3062,3064,3066,3325,3327,3368,3370,3406],[691,2170,2172],{"id":2171},"penggunaan","Penggunaan",[696,2174,2175,2177,2178,2180],{},[699,2176,701],{}," adalah ",[699,2179,705],{}," biasa untuk satu handle:",[708,2182],{"name":710},[712,2184,2185],{"className":714,"code":715,"language":716,"meta":717,"style":717},[699,2186,2187,2203,2219,2227,2231,2239,2263],{"__ignoreMap":717},[721,2188,2189,2191,2193,2195,2197,2199,2201],{"class":723,"line":8},[721,2190,727],{"class":726},[721,2192,731],{"class":730},[721,2194,735],{"class":734},[721,2196,738],{"class":734},[721,2198,741],{"class":726},[721,2200,745],{"class":744},[721,2202,748],{"class":726},[721,2204,2205,2207,2209,2211,2213,2215,2217],{"class":723,"line":751},[721,2206,755],{"class":754},[721,2208,759],{"class":758},[721,2210,762],{"class":754},[721,2212,765],{"class":734},[721,2214,768],{"class":726},[721,2216,771],{"class":758},[721,2218,774],{"class":726},[721,2220,2221,2223,2225],{"class":723,"line":777},[721,2222,780],{"class":726},[721,2224,731],{"class":730},[721,2226,748],{"class":726},[721,2228,2229],{"class":723,"line":787},[721,2230,790],{"emptyLinePlaceholder":686},[721,2232,2233,2235,2237],{"class":723,"line":793},[721,2234,727],{"class":726},[721,2236,798],{"class":730},[721,2238,748],{"class":726},[721,2240,2241,2243,2245,2247,2249,2251,2253,2255,2257,2259,2261],{"class":723,"line":803},[721,2242,806],{"class":726},[721,2244,809],{"class":730},[721,2246,812],{"class":734},[721,2248,741],{"class":726},[721,2250,817],{"class":744},[721,2252,820],{"class":726},[721,2254,817],{"class":744},[721,2256,825],{"class":734},[721,2258,741],{"class":726},[721,2260,830],{"class":744},[721,2262,833],{"class":726},[721,2264,2265,2267,2269],{"class":723,"line":836},[721,2266,780],{"class":726},[721,2268,798],{"class":730},[721,2270,748],{"class":726},[844,2272,847],{"id":846},[696,2274,2275,2276,2278],{},"Berikan array sebagai gantinya untuk mendapatkan range slider dengan satu handle per entri - ",[699,2277,853],{}," mencegah mereka bersilangan (atau mendekat lebih dekat dari sejumlah langkah tersebut). Nilai yang Anda dapatkan selalu cocok dengan bentuk yang Anda berikan - array masuk, array keluar:",[708,2280],{"name":857},[712,2282,2283],{"className":714,"code":860,"language":716,"meta":717,"style":717},[699,2284,2285,2301,2321,2329,2333,2341,2371],{"__ignoreMap":717},[721,2286,2287,2289,2291,2293,2295,2297,2299],{"class":723,"line":8},[721,2288,727],{"class":726},[721,2290,731],{"class":730},[721,2292,735],{"class":734},[721,2294,738],{"class":734},[721,2296,741],{"class":726},[721,2298,745],{"class":744},[721,2300,748],{"class":726},[721,2302,2303,2305,2307,2309,2311,2313,2315,2317,2319],{"class":723,"line":751},[721,2304,755],{"class":754},[721,2306,885],{"class":758},[721,2308,762],{"class":754},[721,2310,765],{"class":734},[721,2312,892],{"class":726},[721,2314,895],{"class":758},[721,2316,898],{"class":726},[721,2318,901],{"class":758},[721,2320,904],{"class":726},[721,2322,2323,2325,2327],{"class":723,"line":777},[721,2324,780],{"class":726},[721,2326,731],{"class":730},[721,2328,748],{"class":726},[721,2330,2331],{"class":723,"line":787},[721,2332,790],{"emptyLinePlaceholder":686},[721,2334,2335,2337,2339],{"class":723,"line":793},[721,2336,727],{"class":726},[721,2338,798],{"class":730},[721,2340,748],{"class":726},[721,2342,2343,2345,2347,2349,2351,2353,2355,2357,2359,2361,2363,2365,2367,2369],{"class":723,"line":803},[721,2344,806],{"class":726},[721,2346,809],{"class":730},[721,2348,812],{"class":734},[721,2350,741],{"class":726},[721,2352,817],{"class":744},[721,2354,939],{"class":726},[721,2356,817],{"class":744},[721,2358,944],{"class":726},[721,2360,947],{"class":734},[721,2362,741],{"class":726},[721,2364,817],{"class":744},[721,2366,954],{"class":758},[721,2368,817],{"class":744},[721,2370,833],{"class":726},[721,2372,2373,2375,2377],{"class":723,"line":836},[721,2374,780],{"class":726},[721,2376,798],{"class":730},[721,2378,748],{"class":726},[844,2380,2382],{"id":2381},"min-max-dan-step","Min, max, dan step",[696,2384,2385,6,2387,979,2389,6,2391,2393,2394,979,2396,2398],{},[699,2386,975],{},[699,2388,978],{},[699,2390,982],{},[699,2392,985],{},") membatasi nilai, ",[699,2395,989],{},[699,2397,992],{},") mengontrol increment - baik drag maupun tombol panah snap kepadanya.",[844,2400,997],{"id":996},[696,2402,2403,2405],{},[699,2404,1002],{}," menandai setiap langkah di sepanjang track - tambahan Selaras, bukan bagian dari primitif Reka sendiri:",[708,2407],{"name":1006},[712,2409,2410],{"className":1009,"code":1010,"language":1011,"meta":717,"style":717},[699,2411,2412],{"__ignoreMap":717},[721,2413,2414,2416,2418,2420,2422,2424,2426,2428,2430,2432,2434,2436,2438,2440,2442],{"class":723,"line":8},[721,2415,727],{"class":726},[721,2417,809],{"class":730},[721,2419,812],{"class":734},[721,2421,741],{"class":726},[721,2423,817],{"class":744},[721,2425,820],{"class":726},[721,2427,817],{"class":744},[721,2429,944],{"class":726},[721,2431,989],{"class":734},[721,2433,741],{"class":726},[721,2435,817],{"class":744},[721,2437,1040],{"class":758},[721,2439,817],{"class":744},[721,2441,1045],{"class":734},[721,2443,833],{"class":726},[844,2445,2447],{"id":2446},"warna","Warna",[708,2449],{"name":1054},[712,2451,2452],{"className":1009,"code":1057,"language":1011,"meta":717,"style":717},[699,2453,2454],{"__ignoreMap":717},[721,2455,2456,2458,2460,2462,2464,2466,2468,2470,2472,2474,2476,2478],{"class":723,"line":8},[721,2457,727],{"class":726},[721,2459,809],{"class":730},[721,2461,944],{"class":726},[721,2463,1070],{"class":734},[721,2465,741],{"class":726},[721,2467,817],{"class":744},[721,2469,1077],{"class":758},[721,2471,817],{"class":744},[721,2473,1082],{"class":734},[721,2475,741],{"class":726},[721,2477,1087],{"class":744},[721,2479,833],{"class":726},[844,2481,2483],{"id":2482},"vertikal","Vertikal",[696,2485,2486,2488,2489,2491],{},[699,2487,1098],{}," membutuhkan tinggi nyata untuk diukur - tema memberikan default yang masuk akal (timpa melalui ",[699,2490,1102],{}," untuk yang lebih tinggi\u002Fpendek):",[708,2493],{"name":1106},[712,2495,2496],{"className":1009,"code":1109,"language":1011,"meta":717,"style":717},[699,2497,2498],{"__ignoreMap":717},[721,2499,2500,2502,2504,2506,2508,2510,2512,2514,2516,2518,2520],{"class":723,"line":8},[721,2501,727],{"class":726},[721,2503,809],{"class":730},[721,2505,812],{"class":734},[721,2507,741],{"class":726},[721,2509,817],{"class":744},[721,2511,820],{"class":726},[721,2513,817],{"class":744},[721,2515,1130],{"class":734},[721,2517,741],{"class":726},[721,2519,1135],{"class":744},[721,2521,833],{"class":726},[844,2523,1141],{"id":1140},[696,2525,2526,2528],{},[699,2527,1140],{}," secara visual (dan secara arah) membalik slider - ujung max merender di tempat ujung min biasanya, dan dragging dibalik untuk mencocokkan:",[708,2530],{"name":1149},[712,2532,2533],{"className":1009,"code":1152,"language":1011,"meta":717,"style":717},[699,2534,2535],{"__ignoreMap":717},[721,2536,2537,2539,2541,2543,2545,2547,2549,2551,2553,2555,2557,2559],{"class":723,"line":8},[721,2538,727],{"class":726},[721,2540,809],{"class":730},[721,2542,812],{"class":734},[721,2544,741],{"class":726},[721,2546,817],{"class":744},[721,2548,820],{"class":726},[721,2550,817],{"class":744},[721,2552,1173],{"class":734},[721,2554,825],{"class":734},[721,2556,741],{"class":726},[721,2558,1180],{"class":744},[721,2560,833],{"class":726},[844,2562,1186],{"id":1185},[696,2564,2565,2567,2568,2570,2571,2573],{},[699,2566,1191],{}," mengganti thumb lingkaran default dengan bar tipis, berukuran dari ",[699,2569,1195],{}," dan ",[699,2572,1199],{}," track sendiri:",[708,2575],{"name":1203},[712,2577,2578],{"className":1009,"code":1206,"language":1011,"meta":717,"style":717},[699,2579,2580],{"__ignoreMap":717},[721,2581,2582,2584,2586,2588,2590,2592,2594,2596,2598,2600,2602],{"class":723,"line":8},[721,2583,727],{"class":726},[721,2585,809],{"class":730},[721,2587,812],{"class":734},[721,2589,741],{"class":726},[721,2591,817],{"class":744},[721,2593,820],{"class":726},[721,2595,817],{"class":744},[721,2597,1227],{"class":734},[721,2599,741],{"class":726},[721,2601,1232],{"class":744},[721,2603,833],{"class":726},[844,2605,2607],{"id":2606},"start-dan-end-slots","Start dan end slots",[696,2609,2610,6,2612,2614],{},[699,2611,1243],{},[699,2613,1246],{}," merender konten yang mengapit track - ikon, emoji, label unit:",[708,2616],{"name":1250},[712,2618,2620],{"className":1009,"code":2619,"language":1011,"meta":717,"style":717},"\u003CSSlider v-model=\"value\">\n  \u003Ctemplate #start>😞\u003C\u002Ftemplate>\n  \u003Ctemplate #end>\u003C\u002Ftemplate>\n\u003C\u002FSSlider>\n",[699,2621,2622,2640,2656,2673],{"__ignoreMap":717},[721,2623,2624,2626,2628,2630,2632,2634,2636,2638],{"class":723,"line":8},[721,2625,727],{"class":726},[721,2627,809],{"class":730},[721,2629,812],{"class":734},[721,2631,741],{"class":726},[721,2633,817],{"class":744},[721,2635,820],{"class":726},[721,2637,817],{"class":744},[721,2639,748],{"class":726},[721,2641,2642,2644,2646,2648,2650,2652,2654],{"class":723,"line":751},[721,2643,806],{"class":726},[721,2645,798],{"class":730},[721,2647,1282],{"class":726},[721,2649,1285],{"class":734},[721,2651,1288],{"class":726},[721,2653,798],{"class":730},[721,2655,748],{"class":726},[721,2657,2658,2660,2662,2664,2666,2669,2671],{"class":723,"line":777},[721,2659,806],{"class":726},[721,2661,798],{"class":730},[721,2663,1282],{"class":726},[721,2665,1303],{"class":734},[721,2667,2668],{"class":726},">\u003C\u002F",[721,2670,798],{"class":730},[721,2672,748],{"class":726},[721,2674,2675,2677,2679],{"class":723,"line":787},[721,2676,780],{"class":726},[721,2678,809],{"class":730},[721,2680,748],{"class":726},[844,2682,405],{"id":1321},[696,2684,2685,2687],{},[699,2686,1321],{}," membungkus setiap thumb dalam tooltip yang menunjukkan nilai saat ini saat hover atau fokus:",[708,2689],{"name":1329},[712,2691,2692],{"className":1009,"code":1332,"language":1011,"meta":717,"style":717},[699,2693,2694],{"__ignoreMap":717},[721,2695,2696,2698,2700,2702,2704,2706,2708,2710,2712],{"class":723,"line":8},[721,2697,727],{"class":726},[721,2699,809],{"class":730},[721,2701,812],{"class":734},[721,2703,741],{"class":726},[721,2705,817],{"class":744},[721,2707,820],{"class":726},[721,2709,817],{"class":744},[721,2711,1353],{"class":734},[721,2713,833],{"class":726},[844,2715,1359],{"id":1358},[696,2717,2718,2720,2721,6,2723,2725,2726,2728,2729,6,2731,2733],{},[699,2719,1358],{}," menambahkan tombol ",[699,2722,1367],{},[699,2724,1370],{}," yang mengapit track dan melangkahkan nilai sebesar ",[699,2727,989],{},", menonaktifkan di ",[699,2730,975],{},[699,2732,978],{}," - hanya dirender untuk slider nilai tunggal, karena melangkahkan dua thumb rentang independen dengan satu pasang tombol bersama tidak memiliki arti tunggal yang jelas:",[708,2735],{"name":1382},[712,2737,2738],{"className":1009,"code":1385,"language":1011,"meta":717,"style":717},[699,2739,2740],{"__ignoreMap":717},[721,2741,2742,2744,2746,2748,2750,2752,2754,2756,2758],{"class":723,"line":8},[721,2743,727],{"class":726},[721,2745,809],{"class":730},[721,2747,812],{"class":734},[721,2749,741],{"class":726},[721,2751,817],{"class":744},[721,2753,820],{"class":726},[721,2755,817],{"class":744},[721,2757,1406],{"class":734},[721,2759,833],{"class":726},[844,2761,1412],{"id":1411},[696,2763,2764],{},"Teks polos di kedua sisi track dikomposisi tanpa API ekstra:",[708,2766],{"name":1418},[712,2768,2769],{"className":1009,"code":1421,"language":1011,"meta":717,"style":717},[699,2770,2771,2785,2797,2815,2827],{"__ignoreMap":717},[721,2772,2773,2775,2777,2779,2781,2783],{"class":723,"line":8},[721,2774,727],{"class":726},[721,2776,1430],{"class":730},[721,2778,1433],{"class":734},[721,2780,741],{"class":726},[721,2782,1438],{"class":744},[721,2784,748],{"class":726},[721,2786,2787,2789,2791,2793,2795],{"class":723,"line":751},[721,2788,806],{"class":726},[721,2790,721],{"class":730},[721,2792,1449],{"class":726},[721,2794,721],{"class":730},[721,2796,748],{"class":726},[721,2798,2799,2801,2803,2805,2807,2809,2811,2813],{"class":723,"line":777},[721,2800,806],{"class":726},[721,2802,809],{"class":730},[721,2804,812],{"class":734},[721,2806,741],{"class":726},[721,2808,817],{"class":744},[721,2810,820],{"class":726},[721,2812,817],{"class":744},[721,2814,833],{"class":726},[721,2816,2817,2819,2821,2823,2825],{"class":723,"line":787},[721,2818,806],{"class":726},[721,2820,721],{"class":730},[721,2822,1480],{"class":726},[721,2824,721],{"class":730},[721,2826,748],{"class":726},[721,2828,2829,2831,2833],{"class":723,"line":793},[721,2830,780],{"class":726},[721,2832,1430],{"class":730},[721,2834,748],{"class":726},[844,2836,2838],{"id":2837},"dipasangkan-dengan-number-input","Dipasangkan dengan number input",[696,2840,2841,2570,2843,2845,2846,2848],{},[699,2842,809],{},[699,2844,1503],{}," berbagi satu ",[699,2847,701],{}," memberikan nilai yang dapat diketik persis di samping kontrol drag:",[708,2850],{"name":1510},[712,2852,2853],{"className":1009,"code":1513,"language":1011,"meta":717,"style":717},[699,2854,2855,2869,2887,2929],{"__ignoreMap":717},[721,2856,2857,2859,2861,2863,2865,2867],{"class":723,"line":8},[721,2858,727],{"class":726},[721,2860,1430],{"class":730},[721,2862,1433],{"class":734},[721,2864,741],{"class":726},[721,2866,1438],{"class":744},[721,2868,748],{"class":726},[721,2870,2871,2873,2875,2877,2879,2881,2883,2885],{"class":723,"line":751},[721,2872,806],{"class":726},[721,2874,809],{"class":730},[721,2876,812],{"class":734},[721,2878,741],{"class":726},[721,2880,817],{"class":744},[721,2882,820],{"class":726},[721,2884,817],{"class":744},[721,2886,833],{"class":726},[721,2888,2889,2891,2893,2895,2897,2899,2901,2903,2905,2907,2909,2911,2913,2915,2917,2919,2921,2923,2925,2927],{"class":723,"line":777},[721,2890,806],{"class":726},[721,2892,1503],{"class":730},[721,2894,812],{"class":734},[721,2896,741],{"class":726},[721,2898,817],{"class":744},[721,2900,820],{"class":726},[721,2902,817],{"class":744},[721,2904,944],{"class":726},[721,2906,975],{"class":734},[721,2908,741],{"class":726},[721,2910,817],{"class":744},[721,2912,982],{"class":758},[721,2914,817],{"class":744},[721,2916,944],{"class":726},[721,2918,978],{"class":734},[721,2920,741],{"class":726},[721,2922,817],{"class":744},[721,2924,985],{"class":758},[721,2926,817],{"class":744},[721,2928,833],{"class":726},[721,2930,2931,2933,2935],{"class":723,"line":787},[721,2932,780],{"class":726},[721,2934,1430],{"class":730},[721,2936,748],{"class":726},[844,2938,2940],{"id":2939},"label-aksesibel","Label aksesibel",[696,2942,2943,2944,2946,2947,2949,2950,2952],{},"Thumb slider tidak memiliki teks yang terlihat sendiri, jadi ia membutuhkan nama yang dapat diakses dari suatu tempat. ",[699,2945,1607],{}," (string tunggal) berlaku untuk setiap thumb - baik untuk slider satu handle. Untuk range slider, primitif Reka sendiri sudah fallback ke \"Minimum\"\u002F\"Maximum\" untuk slider dua thumb tanpa label sama sekali; berikan array ke ",[699,2948,1607],{}," untuk mengatakan sesuatu yang lebih spesifik sebagai gantinya (",[699,2951,1614],{},", misalnya):",[712,2954,2955],{"className":1009,"code":1618,"language":1011,"meta":717,"style":717},[699,2956,2957],{"__ignoreMap":717},[721,2958,2959,2961,2963,2965,2967,2969,2971,2973,2975,2977,2979,2981,2983,2985,2987,2989,2991,2993],{"class":723,"line":8},[721,2960,727],{"class":726},[721,2962,809],{"class":730},[721,2964,812],{"class":734},[721,2966,741],{"class":726},[721,2968,817],{"class":744},[721,2970,939],{"class":726},[721,2972,817],{"class":744},[721,2974,944],{"class":726},[721,2976,1607],{"class":734},[721,2978,741],{"class":726},[721,2980,817],{"class":744},[721,2982,1647],{"class":726},[721,2984,1650],{"class":744},[721,2986,898],{"class":726},[721,2988,1655],{"class":744},[721,2990,1658],{"class":726},[721,2992,817],{"class":744},[721,2994,833],{"class":726},[844,2996,1666],{"id":1665},[696,2998,2999,3001,3002,3004,3005,3007],{},[699,3000,1671],{}," (yang digunakan ",[699,3003,701],{},") terpicu terus-menerus saat dragging. ",[699,3006,1678],{}," terpicu sekali, hanya ketika drag selesai dengan nilai yang benar-benar berubah - berguna untuk apa pun yang tidak boleh dijalankan pada setiap frame perantara, seperti request yang di-debounce:",[712,3009,3010],{"className":1009,"code":1682,"language":1011,"meta":717,"style":717},[699,3011,3012],{"__ignoreMap":717},[721,3013,3014,3016,3018,3020,3022,3024,3026,3028,3030,3032,3034,3036,3038,3040,3042,3044,3046,3048,3050],{"class":723,"line":8},[721,3015,727],{"class":726},[721,3017,809],{"class":730},[721,3019,812],{"class":734},[721,3021,741],{"class":726},[721,3023,817],{"class":744},[721,3025,820],{"class":726},[721,3027,817],{"class":744},[721,3029,1703],{"class":726},[721,3031,1678],{"class":734},[721,3033,741],{"class":726},[721,3035,817],{"class":744},[721,3037,768],{"class":726},[721,3039,1715],{"class":1714},[721,3041,1718],{"class":726},[721,3043,1721],{"class":754},[721,3045,1724],{"class":734},[721,3047,1727],{"class":726},[721,3049,817],{"class":744},[721,3051,833],{"class":726},[844,3053,1735,3054],{"id":1734},[699,3055,1738],{},[696,3057,3058,3059,3061],{},"Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default untuk setiap slot dan varian - berikut adalah file tema ",[699,3060,234],{}," sendiri:",[1746,3063],{"name":1748},[691,3065,1752],{"id":1751},[1754,3067,3068,3079],{},[1757,3069,3070],{},[1760,3071,3072,3074,3077],{},[1763,3073,1765],{},[1763,3075,3076],{},"Tipe",[1763,3078,1771],{},[1773,3080,3081,3093,3105,3119,3133,3147,3159,3173,3187,3201,3215,3229,3243,3257,3271,3285,3297,3313],{},[1760,3082,3083,3087,3091],{},[1778,3084,3085],{},[699,3086,1782],{},[1778,3088,3089],{},[699,3090,1787],{},[1778,3092,1367],{},[1760,3094,3095,3099,3103],{},[1778,3096,3097],{},[699,3098,1796],{},[1778,3100,3101],{},[699,3102,1787],{},[1778,3104,1367],{},[1760,3106,3107,3111,3115],{},[1778,3108,3109],{},[699,3110,975],{},[1778,3112,3113],{},[699,3114,705],{},[1778,3116,3117],{},[699,3118,982],{},[1760,3120,3121,3125,3129],{},[1778,3122,3123],{},[699,3124,978],{},[1778,3126,3127],{},[699,3128,705],{},[1778,3130,3131],{},[699,3132,985],{},[1760,3134,3135,3139,3143],{},[1778,3136,3137],{},[699,3138,989],{},[1778,3140,3141],{},[699,3142,705],{},[1778,3144,3145],{},[699,3146,992],{},[1760,3148,3149,3153,3157],{},[1778,3150,3151],{},[699,3152,853],{},[1778,3154,3155],{},[699,3156,705],{},[1778,3158,1367],{},[1760,3160,3161,3165,3169],{},[1778,3162,3163],{},[699,3164,1863],{},[1778,3166,3167],{},[699,3168,1868],{},[1778,3170,3171],{},[699,3172,1873],{},[1760,3174,3175,3179,3183],{},[1778,3176,3177],{},[699,3178,1199],{},[1778,3180,3181],{},[699,3182,1884],{},[1778,3184,3185],{},[699,3186,1889],{},[1760,3188,3189,3193,3197],{},[1778,3190,3191],{},[699,3192,1140],{},[1778,3194,3195],{},[699,3196,1868],{},[1778,3198,3199],{},[699,3200,1873],{},[1760,3202,3203,3207,3211],{},[1778,3204,3205],{},[699,3206,1910],{},[1778,3208,3209],{},[699,3210,1868],{},[1778,3212,3213],{},[699,3214,1873],{},[1760,3216,3217,3221,3225],{},[1778,3218,3219],{},[699,3220,1195],{},[1778,3222,3223],{},[699,3224,1929],{},[1778,3226,3227],{},[699,3228,1934],{},[1760,3230,3231,3235,3239],{},[1778,3232,3233],{},[699,3234,1050],{},[1778,3236,3237],{},[1944,3238,1946],{"href":84},[1778,3240,3241],{},[699,3242,1951],{},[1760,3244,3245,3249,3253],{},[1778,3246,3247],{},[699,3248,1958],{},[1778,3250,3251],{},[699,3252,1963],{},[1778,3254,3255],{},[699,3256,1968],{},[1760,3258,3259,3263,3267],{},[1778,3260,3261],{},[699,3262,1321],{},[1778,3264,3265],{},[699,3266,1868],{},[1778,3268,3269],{},[699,3270,1873],{},[1760,3272,3273,3277,3281],{},[1778,3274,3275],{},[699,3276,1358],{},[1778,3278,3279],{},[699,3280,1868],{},[1778,3282,3283],{},[699,3284,1873],{},[1760,3286,3287,3291,3295],{},[1778,3288,3289],{},[699,3290,2003],{},[1778,3292,3293],{},[699,3294,2008],{},[1778,3296,1367],{},[1760,3298,3299,3303,3311],{},[1778,3300,3301],{},[699,3302,2017],{},[1778,3304,3305,3307,3308,3310],{},[699,3306,2022],{}," (disubmit melalui hidden input yang Reka render secara internal - hanya berfungsi di dalam ",[699,3309,2026],{}," nyata)",[1778,3312,1367],{},[1760,3314,3315,3319,3323],{},[1778,3316,3317],{},[699,3318,2036],{},[1778,3320,3321],{},[699,3322,2041],{},[1778,3324,1367],{},[691,3326,2047],{"id":2046},[1754,3328,3329,3340],{},[1757,3330,3331],{},[1760,3332,3333,3335,3337],{},[1763,3334,2056],{},[1763,3336,2059],{},[1763,3338,3339],{},"Deskripsi",[1773,3341,3342,3355],{},[1760,3343,3344,3348,3352],{},[1778,3345,3346],{},[699,3347,2071],{},[1778,3349,3350],{},[699,3351,1787],{},[1778,3353,3354],{},"Terpicu terus-menerus saat dragging",[1760,3356,3357,3361,3365],{},[1778,3358,3359],{},[699,3360,2085],{},[1778,3362,3363],{},[699,3364,1787],{},[1778,3366,3367],{},"Terpicu sekali, ketika drag selesai dengan nilai yang berubah",[691,3369,2096],{"id":2095},[1754,3371,3372,3382],{},[1757,3373,3374],{},[1760,3375,3376,3378,3380],{},[1763,3377,2105],{},[1763,3379,1752],{},[1763,3381,3339],{},[1773,3383,3384,3395],{},[1760,3385,3386,3390,3392],{},[1778,3387,3388],{},[699,3389,1285],{},[1778,3391,1367],{},[1778,3393,3394],{},"Konten mengapit awal track",[1760,3396,3397,3401,3403],{},[1778,3398,3399],{},[699,3400,1303],{},[1778,3402,1367],{},[1778,3404,3405],{},"Konten mengapit akhir track",[2135,3407,2137],{},{"title":717,"searchDepth":777,"depth":777,"links":3409},[3410,3427,3428,3429],{"id":2171,"depth":751,"text":2172,"children":3411},[3412,3413,3414,3415,3416,3417,3418,3419,3420,3421,3422,3423,3424,3425,3426],{"id":846,"depth":777,"text":847},{"id":2381,"depth":777,"text":2382},{"id":996,"depth":777,"text":997},{"id":2446,"depth":777,"text":2447},{"id":2482,"depth":777,"text":2483},{"id":1140,"depth":777,"text":1141},{"id":1185,"depth":777,"text":1186},{"id":2606,"depth":777,"text":2607},{"id":1321,"depth":777,"text":405},{"id":1358,"depth":777,"text":1359},{"id":1411,"depth":777,"text":1412},{"id":2837,"depth":777,"text":2838},{"id":2939,"depth":777,"text":2940},{"id":1665,"depth":777,"text":1666},{"id":1734,"depth":777,"text":2157},{"id":1751,"depth":751,"text":1752},{"id":2046,"depth":751,"text":2047},{"id":2095,"depth":751,"text":2096},"Kontrol draggable untuk memilih angka (atau rentang) dalam min\u002Fmax, dibangun di atas primitif Slider milik Reka UI.",{},"\u002Fid\u002Fcomponents\u002Fforms\u002Fslider",{"title":234,"description":3430},"id\u002Fcomponents\u002Fforms\u002Fslider","1FsGYR-Tb3l9o7EsywL7_gSfphyMhiJVQ5WJyJD9208",1792925236830]