Switch

NbSwitch is a toggle control that represents an on/off binary state. It supports labels, sizes, variants, and a verbose mode that shows the current state as text.

<template>
  <NbSwitch v-model="enabled" name="notifications" label="Notifications" />
</template>

Sizes ​

Verbose mode ​

When verbose is enabled, the switch shows the current state as a text label (On / Off) alongside the toggle.

Disabled ​

Props ​

Events ​