NS-Switch

Überblick

Die Komponente ns-switch rendert eine Segmentsteuerung. Sie bildet field.options auf Schaltflächen ab und speichert den ausgewählten Optionswert in field.value.

Requisiten und Ereignis

• field: erforderliche Felddefinition mit einem options-Array.
• size: optionales Breiten-Mapping. Unterstützte Werte sind unter anderem 52, 64, 72, 80, 96, 128, 144 und 160.
• placeholder, leading und type: Kompatibilitäts-Props.
• Gibt das Ereignis change mit dem ausgewählten Optionswert aus.

Optionen

Jede Option sollte label und value enthalten. Die Komponente markiert die Option als ausgewählt, wenn ihr Wert mit field.value übereinstimmt.

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" />