Masked Fields
Maskierte Felder sind Eingabekomponenten, die eine spezifische Struktur für Benutzereingaben durchsetzen. Sie sind ideal für Formulare, die ein konsistentes Format erfordern - wie z.B. Daten, Uhrzeiten, Zahlen oder Identifikatoren - bei denen Genauigkeit wichtig ist.
Diese Komponenten wenden Formatierungsregeln direkt auf das Eingabefeld an, um den Benutzern zu helfen, zu verstehen, welche Art von Wert erwartet wird, während Eingabefehler reduziert werden. Das macht sie besonders nützlich in Finanzsystemen, Verwaltungs-Dashboards, Planungsoberflächen und anderen Anwendungen, die auf validierte Dateneingaben angewiesen sind.
Themen
📄️ MaskedDateField
Das MaskedDateField ist eine Texteingabe, die es Benutzern ermöglicht, Daten als Zahlen einzugeben und das Eingabefeld automatisch basierend auf einer definierten Maske zu formatieren, wenn das Feld den Fokus verliert. Die Maske gibt das erwartete Datumsformat an und dient sowohl der Eingabe als auch der Anzeige als Anleitung. Die Komponente unterstützt flexibles Parsen, Validierung, Lokalisierung und Wertwiederherstellung für eine konsistente, regionsspezifische Datenverarbeitung.
📄️ MaskedNumberField
Das MaskedNumberField ist ein Texteingabefeld, das für strukturierte numerische Eingaben konzipiert ist. Es sorgt dafür, dass Zahlen entsprechend einer definierten Maske konsistent formatiert werden, was es besonders nützlich für Finanzformulare, Preisfelder oder jede Eingabe macht, bei der Genauigkeit und Lesbarkeit wichtig sind.
📄️ MaskedTextField
Die MaskedTextField Komponente bietet ein konfigurierbares Texteingabefeld, das Formatierungsregeln und Validierung durchsetzt. Sie eignet sich hervorragend für Anwendungen, die strukturierte Eingaben erfordern, wie z. B. Finanz-, E-Commerce- und Gesundheitsysteme.
📄️ MaskedTimeField
Das MaskedTimeField ist ein Texteingabefeld, das es Benutzern ermöglicht, Zeiten als Zahlen einzugeben und das Eingabefeld automatisch basierend auf einer definierten Maske zu formatieren, wenn das Feld den Fokus verliert. Die Maske gibt das erwartete Zeitformat an, das sowohl die Eingabe als auch die Anzeige steuert. Die Komponente unterstützt flexibles Parsen, Validierung, Lokalisierung und Wertwiederherstellung für einen konsistenten Umgang mit Zeiten.