Crate slider_rs

Source
Expand description

§🎚️ Slider RS

Crates.io Crates.io Downloads Crates.io License made-with-rust Rust Maintenance

Join our Discord

logo

§🎬 Demo

FrameworkLive Demo
YewNetlify Status
DioxusNetlify Status
LeptosTODO

Β§πŸ“œ 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:

  1. 🎚️ Single & Range Sliders: Supports both single-value sliders and double-thumb range selectors out of the box.
  2. 🎨 Fully Customizable Styling: Fine-grained control over classes, inline styles, custom thumb content, and icon slots.
  3. 🦽 Accessibility Ready: Built-in ARIA support, keyboard interactions, and focus management for screen readers.
  4. ⚑ Reactive & Efficient: Powered by Callback system with optimized rendering via prop diffing.
  5. πŸ”’ Advanced Features: Tick marks, tooltips, step indicators, and responsive orientation handling.
  6. πŸ–±οΈ 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.

  1. Fork the repository.
  2. Create a new branch for your feature/bugfix.
  3. 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;

ModulesΒ§

common
dioxusdio
🧬 Slider RS Dioxus Usage
leptoslep
yewyew
Slider RS Yew Usage