eQuantic.UIeQuantic.UI
Docs
Playground
GitHub
DocsActions & inputs
Slider
View source
1 min read
An approximate value in a range, continuous or stepped. Note the default range is 0–1, not 0–100.
1
using eQuantic.UI.Components;
VARIANTS
continuous
stepped
disabled
Usage
1
2
3
4
5
new Slider(_volume, v => SetState(() => _volume = v))
{
Min = 0, Max = 1, Step = 0.05f,
Label = "Volume",
}
API
Prop
Type
Default
Description
Value
float
0
Current value, clamped to Min/Max.
OnChanged
Action<float>?
null
Fires continuously while dragging.
Min
float
0
Lower bound.
Max
float
1
Upper bound — the default is 1, not 100.
Step
float
0
0 is continuous; a positive value snaps and draws detents.
Variant
Variant
Primary
Colours the active track.
Label
string
""
Announced description.
Disabled
bool
false
0.38, not interactive.
States
State
Rendering
Rest
4 dp track, 24 dp thumb
Dragging
Thumb grows; the value bubble follows
Stepped
Detent dots, snap on release
Disabled
0.38
Accessibility
Role adjustable; arrows or a vertical swipe move by one step, or 10 % when continuous.
The value is announced with a short debounce while dragging.
When to use
Approximate ranges: volume, opacity, limits.
Avoid
Exact numbers — use Stepper or a numeric field.
NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/Slider.cs.