Expand description
Β§π¬ Demo
Β§π 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
Callback
system 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.
Re-exportsΒ§
pub use common::Color;
pub use common::Cursor;
pub use common::Height;
pub use common::Orientation;
pub use common::Size;
pub use common::Width;