Range

DaisyUI

Range slider for selecting a numeric value.

Basic Range

With Value

Set min, max, and value.

Colors

Different semantic colors.

Sizes

From extra small to extra large.

Disabled

Disabled state.

Code Example

use rsxui::components::{Range, Color, Size};

use rsx_macros::rsx;

let html = rsx! {

    <Range />

};

// With value range

let html = rsx! {

    <Range value={50} min={0} max={100} />

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026