@1010data/components-toggle

Simple Toggle component.

All props available in these api docs are available as options https://vuetifyjs.com/en/api/v-switch/ Events available are also listed in these api docs

Exception being the prop 'ripple' this is set to false. Ripple effect looks off with the custom styling on this component

V-model should work at expected. But be sure to set the props 'true-value' and 'false-value' if the toggle is for anything other than true/false.

Usage

<template>
  <Toggle
    v-model="openAndRun"
    dense
    :false-value="0"
    label="Open & Run"
    :true-value="1"
  />
</template>

<script>
import { Toggle } from '@1010data/components'

export default {
  components: { Toggle }
}
</script>