Início
NexoPOS

ns-multiselect

Visão geral

O componente ns-multiselect permite que os usuários selecionem várias opções em um menu suspenso com pesquisa. As opções selecionadas são exibidas como pílulas removíveis.

Atributos e eventos

  • field: definição de campo obrigatório com options e um value em formato de array.
  • Emite addOption quando uma opção é selecionada.
  • Emite removeOption quando uma opção selecionada é removida.
  • Declara eventos change e blur para integrações de pai.

Quando usado através de ns-field, o componente pai ns-field trata addOption e removeOption atualizando field.value a partir das opções selecionadas.

const field = {
    name: 'roles',
    label: 'Roles',
    type: 'multiselect',
    value: ['cashier'],
    options: [
        { label: 'Cashier', value: 'cashier' },
        { label: 'Manager', value: 'manager' }
    ],
    errors: []
};
<ns-field :field="field" />