ZvToggle

ZvToggle is a standalone component

INFO

Before you have to import the global css files in your project, follow instructions in Getting Started

Basic usage

✓

par sms

v-model: false

vue

<template>
  <ZvToggle
    name="toggle"
    v-model="toggleValue"
    :labels="{
      checked: 'par sms',
      unchecked: 'par sms',
    }"
    color="#FFF"
    switch-color="#000"
    :width="90"
    :height="30"
  >
    ZvToggle
  </ZvToggle>
</template>

<script lang="ts" setup>
  import ZvToggle from '@zadigetvoltaire/ui/components/ZvToggle'
  import { ref } from 'vue'

  const toggleValue = ref(false)
</script>

ZvToggle ​

Basic usage ​

ZvToggle

Basic usage