Formulaires

Champs de texte, sélecteurs, combobox, OTP, champs numériques et un formulaire validé côté serveur via Inertia.

Formulaire avec validation serveur

Ce formulaire est envoyé au backend Laravel. Envoyez-le vide ou avec un e-mail incorrect pour voir de vraies erreurs de validation revenir dans les composants InputError, et un toast en cas de succès.

Champ de mot de passe

Un champ avec un bouton de visibilité intégré, utilisé sur toutes les pages d'authentification.

Mot de passe

Mot de passe à usage unique

Le champ OTP utilisé par l'authentification à deux facteurs et la confirmation de suppression de compte.

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Combobox

Un sélecteur avec recherche construit sur Reka UI.

Champ numérique

Un champ numérique avec des contrôles d'incrémentation et de décrémentation.

Sièges