ns-switch

Aperçu

Le composant ns-switch rend un contrôle segmenté. Il associe field.options à des boutons et stocke la valeur de l’option sélectionnée dans field.value.

Accessoires et événement

• field : définition de champ obligatoire avec un tableau options.
• size : mappage de largeur optionnel. Les valeurs prises en charge incluent 52, 64, 72, 80, 96, 128, 144 et 160.
• placeholder, leading et type : propriétés de compatibilité.
• Émet l’événement change avec la valeur de l’option sélectionnée.

Options

Chaque option doit inclure label et value. Le composant marque l’option comme sélectionnée lorsque sa valeur correspond à 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" />