Vuance UI Kit

Selection

Switch

Immediate boolean setting control with visible on and off states.

Switch

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Interactive preview

Changes are reflected in the example and source.

Properties

Checked

Disabled

Vue

<m-switch
  label="Notifications"
  :disabled="false"
  v-model="checked"
 />

MSwitch API

Props, slots, and events are extracted from the current public UI Kit contract.

MSwitch

Selection family
src/runtime/components/ui/switch

Props

NameTypeDefault
disabledPrevents interaction and applies the disabled visual state.
booleanfalse
loadingReplaces content with progress feedback and prevents interaction.
booleanfalse
path
stringundefined
label
stringundefined

Slots

Events

MSwitch does not emit component-specific events. Native events fall through to its root element.