Docs
Search the documentation
⌘K
DE
0.2.0-preview.61
Playground
GitHub
HIER STARTEN
Erste Schritte
ARCHITEKTUR
Architekturüberblick
Write-once-Komponenten
Deklarative Oberfläche
Paketarchitektur
Komponenten
Styling
Lokalisierung
Analytics und GTM
WRITE-ONCE
Speicher
Formulare
Markdown
Mermaid
E-Mail-Rendering
KOMPILIERUNG
Externe Typauflösung
RUNTIME
Runtime (TypeScript)
Performance
SERVER
Assets
BunPackage
Sicherheit
ÖKOSYSTEM
Image
Diagramme
Lottie
ENTWICKLUNG
Roadmap
Docs
Actions & 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.
NOTE
Every dimension resolves through
Sizing.*(SizeVariant)
and the token scales — never a literal. Source:
src/eQuantic.UI.Components/Stepper.cs
.
PREVIOUS
Slider
NEXT
SearchField
ON THIS PAGE
Usage
API
States
Accessibility
When to use
Avoid