🎚️ Slider RS
🎬 Demo
| Framework | Live Demo |
|---|---|
| Yew | |
| Dioxus | |
| Leptos | TODO |
📜 Intro
Slider RS is a highly customizable, precision-focused slider component designed for WASM-based frameworks like Yew, Dioxus, and Leptos. It supports single and range (double-thumb) sliders, rich styling options, full keyboard navigation, and robust accessibility features for inclusive user interfaces.
🤔 Why Use Slider RS?
The following features make Slider RS an essential component for modern web apps built with Rust & WebAssembly:
- 🎚️ Single & Range Sliders: Supports both single-value sliders and double-thumb range selectors out of the box.
- 🎨 Fully Customizable Styling: Fine-grained control over classes, inline styles, custom thumb content, and icon slots.
- 🦽 Accessibility Ready: Built-in ARIA support, keyboard interactions, and focus management for screen readers.
- ⚡ Reactive & Efficient: Powered by
Callbacksystem with optimized rendering via prop diffing. - 🔢 Advanced Features: Tick marks, tooltips, step indicators, and responsive orientation handling.
- 🖱️ Smooth UX: Range dragging, keyboard stepping, hover tooltips, and fine-tuned input behaviors.
Yew Usage
Refer to our guide to integrate this component into your Yew app.
🧬 Dioxus Usage
Refer to our guide to integrate this component into your Dioxus app.
🌱 Leptos Usage (TODO)
Refer to our guide to integrate this component into your Leptos app.
🤝 Contributions
Contributions are welcome! Whether it's bug fixes, feature requests, or examples, we would love your help to make Slider RS better.
- Fork the repository.
- Create a new branch for your feature/bugfix.
- Submit a pull request for review.
📜 License
Slider RS is licensed under the MIT License. You are free to use, modify, and distribute this library in your projects.