ns-switch

Visão geral

O componente ns-switch renderiza um controle segmentado. Ele mapeia field.options para botões e armazena o valor da opção selecionada em field.value.

Apoios e evento

• field: definição de campo obrigatório com um array options.
• size: mapeamento opcional de largura. Os valores suportados incluem 52, 64, 72, 80, 96, 128, 144 e 160.
• placeholder, leading e type: props de compatibilidade.
• Emite change com o valor da opção selecionada.

Opções

Cada opção deve incluir label e value. O componente marca a opção como selecionada quando o valor dela corresponde a field.value.

const field = {
    name: 'status',
    label: 'Status',
    type: 'switch',
    value: 'enabled',
    options: [
        { label: 'Enabled', value: 'enabled' },
        { label: 'Disabled', value: 'disabled' }
    ],
    errors: []
};

<ns-switch :field="field" :size="64" @change="handleStatusChange" />