Formulaires v1.0.0

Champ de téléphone

Champ de numéro de téléphone international avec liste déroulante de sélection de pays, emojis de drapeaux et indicatifs. Inclut une liste de pays avec recherche, le formatage automatique et un champ caché qui stocke la valeur au format E.164 pour la soumission du formulaire.

Aperçu et code

Options

Nom Type Par défaut Description
name * String requis Form field name attribute (used on the hidden input for E.164 value)
value String nil Initial phone number value (digits only, without dial code)
default_country String "US" Default country code (ISO 3166-1 alpha-2)
label String nil Label text displayed above the input
placeholder String nil Placeholder text for the phone number input
required Boolean false Whether the field is required
disabled Boolean false Whether the field is disabled
size Symbol :md Input size: :sm, :md, or :lg
error String nil Error message -- turns the border red and displays below the input

Journal des modifications v1.0.0

- v1.0.0: Initial release with country selector, searchable dropdown, and E.164 hidden value
- 30 countries with flag emojis and dial codes
- Three size options: sm, md (default), lg
- Error and disabled states
- Full dark mode support

Obtenir l'accès complet

Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.

Obtenir l'accès maintenant