Blazor Range Selector

• Aug 11, 2026

DevExpress Blazor Range Selector (<DxRangeSelector>) visualizes data on a linear scale. Users can select a range of values by dragging sliders or moving the entire selected range.

Run Demo: Overview Run Demo: Filtering Run Demo: Discrete Scale Read Tutorial: Explore features

API Reference

Refer to the following list for the component API reference: DxRangeSelector Members.

Features and Capabilities

For in-depth information about DevExpress Range Selector for Blazor, review the following sections in the DxRangeSelector class description:

• Bind to Data
• Range Selection
  • Select a Range in Code
  • Limit the Range Length
  • React to Selection Changes
• Scale
  • Scale Range
  • Tick Intervals
• Chart
  • Series
  • Axes
    • Axis Types
    • Axis Ranges
• Title and Subtitle
• Export and Printing
• Size
• Customization
  • Individual Elements
  • Background and Shutters
  • Palette
• Localization

AI Skills

DevExpress AI Skills help your AI assistant generate code that uses RangeSelector API in accordance with DevExpress best practices:

• RangeSelector Skill
• Blazor Skills Overview