ns-input

Resumen

El componente ns-input renderiza campos tipo texto, como entradas de texto, contraseña, correo electrónico, número y teléfono. Se vincula directamente a field.value con v-model.

La mayoría de los componentes de entrada de formularios esperan un objeto de campo. Las claves comunes incluyen name, label, value, type, placeholder, description, errors, disabled, options, prefix, suffix, data y component, según el componente que se esté renderizando.

Accesorios

• field: definición de campo requerida.
• type: sobrescribe field.type; por defecto es texto.
• leading: muestra una etiqueta inicial dentro del campo de entrada.
• placeholder: prop heredado; el componente lee principalmente field.placeholder.

Claves de campo

• field.name controla el id de la entrada.
• field.label controla la etiqueta cuando se proporciona a través del slot predeterminado.
• field.value almacena el valor de entrada.
• field.placeholder establece el texto de marcador de posición.
• field.disabled deshabilita el control.
• field.prefix y field.suffix renderizan texto fijo dentro del campo de entrada.
• field.errors marca el componente como no válido y es mostrado por ns-field-description.

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

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