A precise dual-handle range slider with tick marks and numeric tooltips. Drag to set min–max values, snap to steps, and get instant visual feedback with an active track and ripple focus. Ideal for filters, thresholds, and any UI that needs crisp interval selection.

Functionality

• Dual handles to choose a min–max range with colored fill between.

• Tick marks & labels along the scale; configurable density and spacing.

• Value tooltips above each handle (show/hide; custom format).

• Step size & snap-to-ticks for consistent increments.

• Tap, drag, or keyboard arrows/PageUp/PageDown for fine control.

• Bounds & validation: min/max clamping, overlap handling, and swap/lock.

• Ripple/hover focus states for clear feedback.

• Disabled & read-only modes for locked filters.

• RTL support and direction control.

• Theming: accent color, track/active thickness, handle size, tooltip style, corner radius.

• Accessible: large touch targets, semantic labels, high-contrast text.

• Data-ready: bind to Firestore/Supabase/REST/local state; onChange/onEnd callbacks.

• Responsive layout for cards, drawers, and full-width filter bars.

• Optional formatting: integers, decimals, units (%, kg), currency.

Keywords: range slider, dual handle slider, min max slider, tick marks, tooltip slider, numeric tooltip, step size, snap to step, active track, ripple feedback, RTL support, keyboard control, accessible slider, high contrast, determinate control, filter UI, interval selector, threshold control, price filter, value range, FlutterFlow slider, Flutter widget, theming, track thickness, handle radius, tooltip formatting, currency format, data binding, Firestore integration, Supabase integration, REST API, responsive design, read-only state, disabled state, onChange callback, onEnd callback, UI component, modern design, premium template, mobile web.