@shapla/vue-switch v1.0.0

Shapla Switch

Switch is an enhanced version of the standard HTML input checkbox element for Vue 3

Table of contents

• Installation
• Usage

Installation

npm install --save @shapla/vue-switch

Usage

Add the component:

import ShaplaSwitch from '@shapla/vue-switch';

export default {
  name: 'Hello',

  components: {
    ShaplaSwitch
  },

  data() {
    return {
      singleSwitch: false
    }
  }
}

<shapla-switch v-model="singleSwitch">Enable this</shapla-switch>

Props

Listeners

The switch component fires the following events:

update:modelValue: When switch is clicked, it fires the event.

<!-- template -->
<shapla-button @update:modelValue="handleChange"></shapla-button>


<!-- method -->
methods: {
handleChange(newValue){
// Handle change event
}
}