Entrée ns-input

Aperçu

Le composant ns-input rend des champs de type texte tels que les champs de texte, mot de passe, e-mail, nombre et téléphone. Il se lie directement à field.value avec v-model.

La plupart des composants de saisie de formulaire s’attendent à un objet de champ. Les clés courantes incluent name, label, value, type, placeholder, description, errors, disabled, options, prefix, suffix, data, ainsi que component selon le composant rendu.

Accessoires

• field : définition du champ requis.
• type : remplace field.type ; par défaut, texte.
• leading : affiche une étiquette de tête à l’intérieur du champ de saisie.
• placeholder : propriété héritée ; le composant lit principalement field.placeholder.

Clés de champ

• field.name contrôle l’identifiant de l’entrée.
• field.label contrôle l’étiquette lorsqu’elle est fournie via l’emplacement (slot) par défaut.
• field.value stocke la valeur saisie.
• field.placeholder définit le texte d’indication.
• field.disabled désactive le contrôle.
• field.prefix et field.suffix affichent du texte fixe à l’intérieur du champ de saisie.
• field.errors marque le composant comme invalide et est affiché par ns-field-description.

const field = {
    name: 'email',
    label: 'Email',
    type: 'email',
    value: '',
    placeholder: '[email protected]',
    errors: []
};

<ns-input :field="field">Email</ns-input>