Les champs de saisie
7La collection des champs : du texte, des nombres, des dates et des heures, des mots de passe, et ce qui valide.
Texte
Texte
7Transformation
La saisie transformée à la frappe : majuscules, minuscules, capitales.
Transformer la saisie
Converti en majuscules à la frappe.
Converti en minuscules à la frappe.
Revient à la valeur précédente si elle est invalide en sortant du champ.
Affiché ainsi : 01 23 45 67 89 (0/10 chiffres).
Les caractères spéciaux sont retirés.
Les espaces de début et de fin partent quand vous quittez le champ.
Seuls les nombres entre 18 et 99 sont acceptés.
Affiché en euros, stocké en centimes.
Les espaces de début partent à la frappe, tous les autres en sortie de champ.
Effacer
Un champ qui porte son propre bouton d’effacement.
Un champ qui s’efface
Elle ne sera jamais partagée.
Recherche
Un champ de recherche, immédiat ou différé.
Chercher
Recherche différée
Chaque appel à onSearch s’ajoute au journal. Tapez puis attendez, effacez au clavier puis attendez : la valeur vide part aussi. Entrée ou la loupe ne font partir une valeur qu’une fois.
- Aucune recherche envoyée
Tapez, ou servez-vous de la loupe.
Pendant que la recherche s’exécute
Pendant « busy », la croix troque son icône contre un spinner ; la loupe garde la sienne. Les deux ignorent le clic sans quitter l’ordre de tabulation ; le champ, lui, continue d’accepter la saisie.
La recherche et le fondu de l’écran
Sous un BusyNavigationProvider, la recherche d’adresse passe par la transition partagée : la surface s’estompe à chaque pause de frappe, et la croix tourne. « shared » coupé, la croix tourne seule.
Tailles
Les boutons collés à un champ prennent sa taille.
Tailles
Les boutons collés à un champ prennent sa taille : à chaque ligne, ils ont exactement la hauteur du champ.
Action
Un champ avec un bouton collé, qui valide la saisie au clic ou à Entrée.
Un champ, une action
Entrée ou le « + » valide la saisie, qui est ensuite vidée.
Code invalide
Étiquettes
Une liste d’entrées construite une à une, chacune refusable avec sa raison.
Des listes d’étiquettes
Tapez un mot, puis Entrée ou le « + ».
Une entrée qui n’est pas une adresse est refusée, et reste dans le champ.
Trois lettres majuscules. Refuser avec false affiche la phrase du bundle.
renderChip reçoit l’entrée, l’état désactivé, et la sortie.
Désactivée : les entrées restent lisibles et perdent leur sortie.
Multilingue
Un champ qui garde une valeur par langue.
Un champ par langue
Cliquez un drapeau pour éditer cette langue — celles qui sont remplies portent un point.
{
"fr": "Bonjour le monde",
"en": ""
}Avec une icône et une limite de 60 caractères.
💡 Les onglets filtrent par catégorie, ou isolent un composant.