npm.io
1.0.0 • Published 5 years ago

@shapla/vue-checkbox

Licence
MIT
Version
1.0.0
Deps
1
Size
38 kB
Vulns
0
Weekly
0
DeprecatedThis package is deprecated
SummaryDependencyVersions

Shapla Checkbox

A custom checkbox for Vue 3 that exactly work same way as native checkbox

Table of contents

Installation

npm install --save @shapla/vue-checkbox

Usage

Styles

with SCSS:

import '@shapla/vue-checkbox/src/index.scss';

with CSS:

import '@shapla/vue-checkbox/dist/style.css';

Javascript Instantiation

import ShaplaCheckbox from '@shapla/vue-checkbox';

export default {
  name: 'Hello',

  components: {
    ShaplaCheckbox
  },

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

<shapla-checkbox v-model="singleCheckbox">Label goes here.</shapla-checkbox>
Props
Property Type Required Default Description
label String no `` Checkbox label
value String no on The default value for the checkbox
trueValue String no true The value when user checked the checkbox
falseValue String no false The value when user unchecked the checkbox
disabled Boolean no false If set true, Checkbox will be disabled to check.
checked Boolean no undefined If set true, Checkbox will be checked.

Keywords

vuevue-componentcheckbox