{"repo":"react-component/slider","free":true,"listed":false,"github":"https://github.com/react-component/slider","clone":"git clone https://github.com/react-component/slider.git","description":"🎚️ Accessible React slider for single values, ranges, marks, and editable handles.","language":"TypeScript","stars":3081,"topics":["react","react-components","antd","ant-design","javascript","react-component"],"license":"MIT","category":"ui-components","readme_excerpt":"@rc-component/slider Part of the Ant Design ecosystem. 🎚️ Accessible React slider for single values, ranges, marks, and editable handles. English 简体中文 Highlights - Supports single-value and range sliders with one shared component. - Provides marks, dots, keyboard interaction, reverse and vertical layouts. - Supports editable range handles and draggable tracks through range config. - Exposes semantic classNames and styles slots for tracks, rail, and handles. Install Usage Online preview: https://slider.react-component.vercel.app/ Examples Run the local dumi site: Then open http://localhost:8000 . API Slider Name Type Default Description --- --- --- --- activeDotStyle React.CSSProperties \\ (dotValue: number) = React.CSSProperties - Style for active dots. activeHandleRender HandlesProps['handleRender'] - Render function for the active handle. allowCross boolean true Allow handles to cross in range mode. ariaLabelForHandle string \\ string[] - aria-label for handle elements. ariaLabelledByForHandle string \\ string[] - aria-labelledby for handle elements. ariaRequired boolean - aria-required for handle elements. ariaValueTextFormatterForHandle ((value: number) = string) \\ ((value: number) = string)[] - Formatter for aria-valuetext . autoFocus boolean - Focus the slider on mount. className string - Additional class name. classNames Partial - Semantic class names for internal slots. count number - Deprecated. Use range.minCount or range.maxCount . defaultValue number \\ number[] - In","default_branch":null,"files":null,"tree":[],"storefront":"/r/react-component","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/react-component/slider/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}