@radix-ui/themes/dist/esm/components/slider.js

[](https://radix-ui.com/themes)

import*as e from"react";import p from"classnames";import{Slider as o}from"radix-ui";import{sliderPropDefs as f}from"./slider.props.js";import{extractProps as P}from"../helpers/extract-props.js";import{marginPropDefs as c}from"../props/margin.props.js";const s=e.forwardRef((i,a)=>{const{className:d,color:l,radius:m,tabIndex:t,...r}=P(i,f,c);return e.createElement(o.Root,{"data-accent-color":l,"data-radius":m,ref:a,...r,asChild:!1,className:p("rt-SliderRoot",d)},e.createElement(o.Track,{className:"rt-SliderTrack"},e.createElement(o.Range,{className:p("rt-SliderRange",{"rt-high-contrast":i.highContrast}),"data-inverted":r.inverted?"":void 0})),(r.value??r.defaultValue??[]).map((S,n)=>e.createElement(o.Thumb,{key:n,className:"rt-SliderThumb",...t!==void 0?{tabIndex:t}:void 0})))});s.displayName="Slider";export{s as Slider};
//# sourceMappingURL=slider.js.map