Struct SliderProps

pub struct SliderProps {

    pub label: &'static str,
    pub min: f64,
    pub max: f64,
    pub step: f64,
    pub value: Option<f64>,
    pub range: Option<(f64, f64)>,
    pub double: bool,
    pub orientation: Orientation,
    pub size: Size,
    pub color: Color,
    pub cursor_style: Cursor,
    pub show_value: bool,
    pub show_steps: bool,
    pub show_tooltip: bool,
    pub disabled: bool,
    pub on_change: Callback<f64>,
    pub on_change_range: Callback<(f64, f64)>,
    pub on_focus: Callback<()>,
    pub on_blur: Callback<()>,
    pub aria_label: Option<&'static str>,
    pub aria_describedby: Option<&'static str>,
    pub container_class: &'static str,
    pub container_style: &'static str,
    pub label_class: &'static str,
    pub label_style: &'static str,
    pub input_class: &'static str,
    pub input_style: &'static str,
    pub output_class: &'static str,
    pub output_style: &'static str,
    pub tooltip_style: &'static str,
    pub steps_style: &'static str,
    pub slider_width: Width,
    pub slider_height: Height,
    pub custom_thumb_css: Option<&'static str>,
    pub custom_thumb_html: Option<Element>,
    pub keyboard_step: f64,
    pub icon_start: Option<Element>,
    pub icon_end: Option<Element>,
}

Available on crate feature dio only.

Props for the Slider component.

These props configure the behavior, appearance, and accessibility of a slider input component supporting both single and double (range) sliders.

Features

• Single or double slider modes.
• Vertical or horizontal orientation.
• Customizable appearance with CSS styles and classes.
• Tooltip, value display, and step indicators.
• Full accessibility support (ARIA attributes, keyboard steps).

Fields

label: &'static str

Label text displayed above the slider.

min: f64

Minimum value for the slider.

max: f64

Maximum value for the slider.

step: f64

Increment step size.

value: Option<f64>

Current value for a single slider mode.

range: Option<(f64, f64)>

Current range values (start, end) for double slider mode.

double: bool

Whether to enable double slider mode (range selector).

orientation: Orientation

Slider orientation: horizontal or vertical.

size: Size

Size variant for styling the slider track and thumb.

color: Color

Color variant for styling the slider.

cursor_style: Cursor

Cursor style when hovering over the slider.

show_value: bool

Whether to show the current value as an output.

show_steps: bool

Whether to show step ticks along the slider track.

show_tooltip: bool

Whether to show tooltip above the thumb on hover.

disabled: bool

Whether to disable interaction with the slider.

on_change: Callback<f64>

Callback triggered when the slider value changes.

on_change_range: Callback<(f64, f64)>

Callback triggered when the slider range changes (double mode).

on_focus: Callback<()>

Callback triggered when the slider gains focus.

on_blur: Callback<()>

Callback triggered when the slider loses focus.

aria_label: Option<&'static str>

ARIA label for accessibility.

aria_describedby: Option<&'static str>

ARIA describedby attribute for accessibility.

container_class: &'static str

CSS class for the container wrapping the slider.

container_style: &'static str

Inline style for the container wrapping the slider.

label_class: &'static str

CSS class for the slider label.

label_style: &'static str

Inline style for the slider label.

input_class: &'static str

CSS class for the slider input element.

input_style: &'static str

Inline style for the slider input element.

output_class: &'static str

CSS class for the value/output display.

output_style: &'static str

Inline style for the value/output display.

tooltip_style: &'static str

Inline style for the tooltip element.

steps_style: &'static str

Inline style for the steps indicator below the slider track.

slider_width: Width

Custom width for the slider track.

slider_height: Height

Custom height for the slider track.

custom_thumb_css: Option<&'static str>

Optional custom CSS for the slider thumb.

custom_thumb_html: Option<Element>

Optional custom HTML content for the slider thumb.

keyboard_step: f64

Keyboard step increment for arrow key adjustments.

icon_start: Option<Element>

Optional icon element displayed before the slider.

icon_end: Option<Element>

Optional icon element displayed after the slider.

Implementations

impl SliderProps

pub fn builder() -> SliderPropsBuilder<((), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), ())>

Create a builder for building SliderProps. On the builder, call .label(...)(optional), .min(...)(optional), .max(...)(optional), .step(...)(optional), .value(...)(optional), .range(...)(optional), .double(...)(optional), .orientation(...)(optional), .size(...)(optional), .color(...)(optional), .cursor_style(...)(optional), .show_value(...)(optional), .show_steps(...)(optional), .show_tooltip(...)(optional), .disabled(...)(optional), .on_change(...)(optional), .on_change_range(...)(optional), .on_focus(...)(optional), .on_blur(...)(optional), .aria_label(...)(optional), .aria_describedby(...)(optional), .container_class(...)(optional), .container_style(...)(optional), .label_class(...)(optional), .label_style(...)(optional), .input_class(...)(optional), .input_style(...)(optional), .output_class(...)(optional), .output_style(...)(optional), .tooltip_style(...)(optional), .steps_style(...)(optional), .slider_width(...)(optional), .slider_height(...)(optional), .custom_thumb_css(...)(optional), .custom_thumb_html(...)(optional), .keyboard_step(...)(optional), .icon_start(...)(optional), .icon_end(...)(optional) to set the values of the fields. Finally, call .build() to create the instance of SliderProps.

Trait Implementations

impl Clone for SliderProps

fn clone(&self) -> SliderProps

Returns a duplicate of the value.

fn clone_from(&mut self, source: &Self)

Performs copy-assignment from source.

impl PartialEq for SliderProps

fn eq(&self, other: &SliderProps) -> bool

Tests for self and other values to be equal, and is used by ==.

fn ne(&self, other: &Rhs) -> bool

Tests for !=. The default implementation is almost always sufficient, and should not be overridden without very good reason.

impl Properties for SliderProps

where Self: Clone,

type Builder = SliderPropsBuilder<((), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), (), ())>

The type of the builder for this component. Used to create “in-progress” versions of the props.

fn builder() -> Self::Builder

Create a builder for this component.

fn memoize(&mut self, new: &Self) -> bool

Make the old props equal to the new props. Return if the props were equal and should be memoized.

fn into_vcomponent<M>( self, render_fn: impl ComponentFunction<Self, M>, ) -> VComponent

where M: 'static,

Create a component from the props.

impl StructuralPartialEq for SliderProps