Slider

Form

A styled range slider with primary-colored track and circular handle.

Preview

Value: 60%

Usage

slider.rs
use floe_ui::components::slider;

let s = slider::styled(0.0..=100.0, self.value, Message::SliderChanged, &tokens);

API Reference

Props / Parameters

NameTypeDescription
rangeRangeInclusive<f32>Min..=max range
valuef32Current slider value
on_changeFn(f32) -> MessageCallback on value change
tokens&DesignTokensDesign tokens for theming

Style Functions

default_style(tokens)

Style functions return closures compatible with Iced's .style() method.

Builder Functions

styled(range, value, on_change, tokens)

Builder functions return pre-configured Iced widgets ready for use.

Source: floe-ui/src/components/slider.rs