ns-input

Panoramica

Il componente ns-input esegue il rendering di campi simili al testo, come input di testo, password, email, numero e telefono. Esegue il binding direttamente a field.value con v-model.

La maggior parte dei componenti di input dei moduli si aspetta un oggetto campo. Le chiavi comuni includono name, label, value, type, placeholder, description, errors, disabled, options, prefix, suffix, data e component, a seconda del componente che viene renderizzato.

Supporti

• field: definizione di campo obbligatorio.
• type : sovrascrive field.type; predefinito su testo.
• leading: visualizza un’etichetta iniziale all’interno dell’input.
• placeholder: prop legacy; il componente legge principalmente field.placeholder.

Chiavi dei campi

• field.name controlla l’id dell’input.
• field.label controlla l’etichetta quando viene fornita tramite lo slot predefinito.
• field.value memorizza il valore inserito.
• field.placeholder imposta il testo segnaposto.
• field.disabled disabilita il controllo.
• field.prefix e field.suffix eseguono il rendering di testo fisso all’interno dell’input.
• field.errors contrassegna il componente come non valido e viene visualizzato da ns-field-description.

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

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