syncfusion-maui-range-selector

Configure dual-thumb numeric range selection with embedded content in MAUI applications.

60|1|Updated Mar 25, 2026
One-click install
npx skills add https://github.com/syncfusion/maui-ui-components-skills --skill syncfusion-maui-range-selector
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: syncfusion-maui-range-selector
Source: https://github.com/syncfusion/maui-ui-components-skills/tree/main/skills/syncfusion-maui-range-selector
Command: npx skills add https://github.com/syncfusion/maui-ui-components-skills --skill syncfusion-maui-range-selector

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The SfRangeSelector skill provides a ready-to-use dual-thumb range control for .NET MAUI apps, enabling precise data filtering by selecting a start and end value with an embedded content area like charts.

Core Features & Use Cases

  • Embedding content such as an SfCartesianChart inside the range selector to visually filter data
  • Configuring Interval, Tick, and Label visibility, as well as Dividers for precise scales
  • MVVM-friendly binding of RangeStart/RangeEnd, plus events (ValueChanged, ValueChanging, etc.) to drive app logic

Quick Start

Add an SfRangeSelector to your MAUI page, bind RangeStart and RangeEnd to your ViewModel, and assign a chart or view to the Content.

Frequently Asked Questions about syncfusion-maui-range-selector

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a dual-thumb range selector with an embedded chart in .NET MAUI?▼

To add a dual-thumb range selector in .NET MAUI, place an SfRangeSelector on your page and assign a chart or view to its Content area. This enables visual data filtering directly within the range selector control.

Can I bind range start and end values to my ViewModel in MAUI?▼

Yes, you can bind range start and end values in MAUI using MVVM-friendly binding for RangeStart and RangeEnd. This allows your ViewModel to automatically react to dual-thumb range changes and update connected data.

How do I customize ticks, labels, and intervals on a MAUI range selector?▼

You can customize ticks, labels, and intervals on a MAUI range selector by configuring its Interval, Tick visibility, Label visibility, and Dividers. This ensures precise scale rendering for your dual-thumb numeric range selection.

What events are available to react to range selection changes in MAUI?▼

The MAUI range selector provides ValueChanged and ValueChanging events to react to range selection changes. These events allow you to drive application logic and perform data filtering as the dual-thumb values are updated.

Does the MAUI range selector support MVVM binding for analytics dashboards?▼

Yes, the MAUI range selector supports MVVM binding for analytics dashboards. You can bind RangeStart and RangeEnd properties to filter data and drive chart-driven filtering logic within your dashboard views.

What is the best way to filter chart data using a numeric range in MAUI?▼

The best way to filter chart data using a numeric range in MAUI is embedding an SfCartesianChart inside a range selector. This allows users to visually filter data by dragging dual-thumbs across the scale.