ns-switch

Descripción general

El componente ns-switch renderiza un control segmentado. Mapea field.options a botones y almacena el valor de la opción seleccionada en field.value.

Accesorios y evento

• field: definición de campo requerido con un arreglo options.
• size: mapeo de ancho opcional. Los valores admitidos incluyen 52, 64, 72, 80, 96, 128, 144 y 160.
• placeholder, leading y type: props de compatibilidad.
• Emite change con el valor de la opción seleccionada.

Opciones

Cada opción debe incluir label y value. El componente marca la opción como seleccionada cuando su valor coincide con 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" />