Number Field
Zahleneingabe mit Schritt-Schaltflächen im Rahmen. Die Eingabe folgt der Locale des Providers, Min/Max werden erst beim Blur geklemmt und gedrückt gehaltene Pfeile beschleunigen. Über format kommen Währung, Prozent und andereIntl-Formate dazu.
Im Field
FieldLabel, Beschreibung und Fehler verbinden sich automatisch mit der Eingabe. Der Wert wird live gemeldet; Min/Max greifen erst beim Verlassen des Felds.
Aktuell: 12
Schritt 0,5 · mit Shift 5
Formate
format reicht Intl.NumberFormat-Optionen an Anzeige und Parsing weiter. Währung und Prozent bekommen so ihr Symbol, ohne dass die Komponente eigene Formatlogik braucht.
Scrub-Bereich
Mit scrubArea wird das Label zur Ziehfläche: horizontal ziehen ändert den Wert. Die Tastatur- und Pfeilbedienung bleibt gleichwertig erhalten.
Zustände
Invalid markiert das Feld für Screenreader über aria-invalid und färbt den Rahmen. Deaktivierte und schreibgeschützte Felder bleiben lesbar.
Playground
Größe, Einheit und Zustand frei kombinieren.
Barrierefreiheit
Das native Eingabefeld trägt den zugänglichen Namen, die Beschreibung und den Invalid-Zustand. Die Schaltflächen haben deutsche Beschriftungen, sind aber wie bei Base UI üblich nicht Teil der Tab-Reihenfolge – die Tastatur ändert den Wert direkt im Feld mit Pfeiltasten.
Gedrückt halten beschleunigt das Schrittweisen. Der Scrub-Bereich ist eine zusätzliche Zeigergeste; Pfeiltasten und Schaltflächen bieten dieselbe Funktion ohne Ziehen.