@2alheure/vue-toggle v1.1.1

Vue.js Toggle button

A simple Vue.js toggle button.
This component is compatible with Vue 3.

• Vue.js Toggle button
  • Simple usage
  • Props
  • Events
  • Events

It has been inspired by this article by ALEXANDRU STRATULAT, so check it out if you wish to understand how it works.

Simple usage

First run npm install @2alheure/vue-toggle.
Then its usage is simple :

<template><Toggle v-model="isToggled" /></template>

<script>
import Toggle from "@2alheure/vue-toggle";

export default {
  components: {
    Toggle
  },
  data() {
    return {
      isToggled: false
    }
  }
};
</script>

Please note the v-model directive, as it is usable as an input (and is one, intrinsically).

Props

Events

Events