<tyro-ui-text-field>

Champ de saisie

Champ de saisie avec 3 variantes : outlined, filled, standard. Label flottant, état erreur, 6 types dont le basculement automatique de l'œil pour password.

Outlined

Bordure complète, label flottant

Prénom

Rechercher

Filled

Fond coloré, bordure basse uniquement

Téléphone

Standard

Sans fond, ligne basse uniquement

Nom d'utilisateur

Montant

Date

Password

Basculement œil automatique - toutes variantes

Mot de passe

État erreur

[error] + [errorMessage] - toutes variantes

Adresse email invalide

Disabled

Désactivé - toutes variantes

Nom

Inputs

Propriété	Type	Défaut	Description
`[variant]`	`'outlined' \| 'filled' \| 'standard'`	`'outlined'`	Style visuel du champ
`[type]`	`'text' \| 'password' \| 'number' \| 'date' \| 'email' \| 'tel'`	`'text'`	Type HTML du champ - password ajoute automatiquement le toggle œil
`[(value)]`	`string`	`''`	Valeur du champ - two-way binding disponible
`[label]`	`string`	`-`	Label flottant - monte au-dessus du champ au focus ou quand une valeur est saisie
`[placeholder]`	`string`	`-`	Texte indicatif dans le champ (visible une fois le label remonté)
`[icon]`	`string`	`-`	Classe Remix Icon affichée à gauche
`[disabled]`	`boolean`	`false`	Désactive le champ
`[error]`	`boolean`	`false`	Passe le champ en état d'erreur (bordure rouge)
`[errorMessage]`	`string`	`-`	Message d'erreur affiché sous le champ quand error = true

Outputs

Événement	Payload	Description
`(valueChange)`	`string`	Émis à chaque saisie utilisateur