Interruttore Nintendo Switch

Panoramica

Il componente ns-switch esegue il rendering di un controllo segmentato. Mappa field.options in pulsanti e memorizza il valore dell’opzione selezionata in field.value.

Proprietà ed evento

• field: definizione di campo obbligatoria con un array di options.
• size: mappatura opzionale della larghezza. I valori supportati includono 52, 64, 72, 80, 96, 128, 144 e 160.
• placeholder, leading e type: proprietà di compatibilità.
• Emette l’evento change con il valore dell’opzione selezionata.

Opzioni

Ogni opzione deve includere label e value. Il componente contrassegna l’opzione come selezionata quando il suo valore corrisponde 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" />