Default Light
MgLibrary
Overview
Installation
Buttons
Cards
Charts
Codes
Data Grids
Dropdowns
Editors
Headers & Animations
Icons
Indicators
Inputs
Lists
Modals
Menus
Panels
Pills & Chips
Scheduling
Tabs
Time Line
Trees
Customization

Slider

Range sliders for numeric input.

Use this example to explore default behavior, customization points, and accessibility-friendly patterns in a real Blazor page.

Slider

MgSlider

A range slider for numeric values with optional value display and units.

API Reference

MgSlider

Property Type Default Description
Value / bind-Value double 0 Current numeric value; bind for two-way updates.
Min / Max double 0 / 100 Minimum and maximum values for the slider.
Step double 1 Increment step for value changes.
An unhandled error has occurred. Reload 🗙