Checkbox Toggle

Checkbox toggle component

Install

$ npm install @poetadigital/vue-checkbox-toggle --save

Getting Starting

How to use component

Parameters

| Props | Required | Default | Type | Description | |----------|----------|---------|---------|-----------------------------------------------------------------| | disabled | false | false | Boolean | The status of element for mutable, focusable or event submitted |

Usage

<template>
  <div class="App">
    <PCheckboxToggle v-model="isActive"/>
    
    <!-- Disabled checkbox toggle -->
    <PCheckboxToggle v-model="isDisabled" :disabled="true"/>

    <!-- Use with CSS custom variables -->
    <PCheckboxToggle v-model="isUnactive" class="checkbox-toggle-custom"/>
  </div>
</template>

<script>
import PCheckboxToggle from '@poetadigital/vue-checkbox-toggle';

export default {
  components: { PCheckboxToggle },
  data() {
    return {
      isActive: true,
      isUnactive: false,
      isDisabled: false
    }
  }
};
</script>

<style></style>
</script>

<style scoped></style>

License

MIT © Poeta Digital