eQuantic.UIeQuantic.UI
Docs
Playground
GitHub
DocsActions & inputs
Stepper
View source
1 min read
A bounded integer incremented in place, with an optional unit suffix.
1
using eQuantic.UI.Components;
STATES
3
default
0
at minimum
Usage
1
2
3
4
new Stepper(_qty, v => SetState(() => _qty = v))
{
Min = 1, Max = 9, Suffix = " kg", Label = "Quantity",
}
API
Prop
Type
Default
Description
Value
int
0
Current value.
OnChanged
Action<int>?
null
Fires with the new value.
Min
int
int.MinValue
Decrement disables here; the value never wraps.
Max
int
int.MaxValue
Increment disables here.
Step
int
1
Increment size.
Suffix
string
""
Unit shown after the number.
Label
string
""
Announced description.
Size
SizeVariant
Medium
Cell height from Sizing.
Disabled
bool
false
0.38.
States
State
Rendering
Default
Both halves live
At a bound
That half disables at 0.38
Held
Long-press repeats
Accessibility
Role adjustable — "Quantity, 2"; increment and decrement are exposed as actions.
When to use
Small bounded counts: quantity, guests, copies.
Avoid
Ranges past about thirty steps — use a field.
NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/Stepper.cs.