ns-input

Visão geral

O componente ns-input renderiza campos do tipo texto, como entradas de texto, senha, e-mail, número e telefone. Ele se vincula diretamente a field.value com v-model.

A maioria dos componentes de entrada de formulário espera um objeto de campo. As chaves comuns incluem name, label, value, type, placeholder, description, errors, disabled, options, prefix, suffix, data e component, dependendo do componente que está sendo renderizado.

Acessórios

• field: definição de campo obrigatório.
• type: substitui field.type; o padrão é texto.
• leading: exibe um rótulo inicial dentro do campo de entrada.
• placeholder: prop legada; o componente lê principalmente field.placeholder.

Chaves de campo

• field.name controla o ID de entrada.
• field.label controla o rótulo quando fornecido via slot padrão.
• field.value armazena o valor inserido.
• field.placeholder define o texto de placeholder.
• field.disabled desativa o controle.
• field.prefix e field.suffix renderizam texto fixo dentro do campo de entrada.
• field.errors marca o componente como inválido e é exibido por ns-field-description.

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

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