{"version":3,"sources":["webpack:///./src/views/forms/form-elements/checkbox/Checkbox.vue?6622","webpack:///./src/views/forms/form-elements/checkbox/CheckboxState.vue?cc4d","webpack:///src/views/forms/form-elements/checkbox/CheckboxState.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxState.vue?ab9e","webpack:///./src/views/forms/form-elements/checkbox/CheckboxState.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxColor.vue?516e","webpack:///src/views/forms/form-elements/checkbox/CheckboxColor.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxColor.vue?7aa5","webpack:///./src/views/forms/form-elements/checkbox/CheckboxColor.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxBooleanValue.vue?6d8e","webpack:///src/views/forms/form-elements/checkbox/CheckboxBooleanValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxBooleanValue.vue?4896","webpack:///./src/views/forms/form-elements/checkbox/CheckboxBooleanValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxStringValue.vue?f2ac","webpack:///src/views/forms/form-elements/checkbox/CheckboxStringValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxStringValue.vue?af8f","webpack:///./src/views/forms/form-elements/checkbox/CheckboxStringValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxArrayValue.vue?6a0d","webpack:///src/views/forms/form-elements/checkbox/CheckboxArrayValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxArrayValue.vue?6335","webpack:///./src/views/forms/form-elements/checkbox/CheckboxArrayValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxArrayObjectValue.vue?15ad","webpack:///src/views/forms/form-elements/checkbox/CheckboxArrayObjectValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxArrayObjectValue.vue?382b","webpack:///./src/views/forms/form-elements/checkbox/CheckboxArrayObjectValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxChangeIcon.vue?8e3b","webpack:///src/views/forms/form-elements/checkbox/CheckboxChangeIcon.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxChangeIcon.vue?e180","webpack:///./src/views/forms/form-elements/checkbox/CheckboxChangeIcon.vue","webpack:///src/views/forms/form-elements/checkbox/Checkbox.vue","webpack:///./src/views/forms/form-elements/checkbox/Checkbox.vue?2256","webpack:///./src/views/forms/form-elements/checkbox/Checkbox.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","staticClass","model","value","callback","$$v","checkBox1","expression","checkBox2","checkBox3","checkBox4","slot","data","component","checkBox5","checkBox6","checkBox7","_s","_l","region","index","key","form","$set","name","regions","components","CheckboxState","CheckboxColor","CheckboxBooleanValue","CheckboxStringValue","CheckboxArrayValue","CheckboxArrayObjectValue","CheckboxChangeIcon"],"mappings":"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","file":"js/chunk-2d0cc5ba.1fc75799.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"form-element-checkbox-demo\"}},[_c('checkbox-state'),_c('checkbox-color'),_c('checkbox-boolean-value'),_c('checkbox-string-value'),_c('checkbox-array-value'),_c('checkbox-array-object-value'),_c('checkbox-change-icon')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"State\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"To add a checkBox, we have the \"),_c('code',[_vm._v(\"vs-checkbox\")]),_vm._v(\" component which expects a principal parameter \"),_c('code',[_vm._v(\"v-model\")]),_vm._v(\" that would be our value.\")]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Primary - active\")])],1),_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox2),callback:function ($$v) {_vm.checkBox2=$$v},expression:\"checkBox2\"}},[_vm._v(\"Primary - inactive\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"disabled\":\"true\"},model:{value:(_vm.checkBox3),callback:function ($$v) {_vm.checkBox3=$$v},expression:\"checkBox3\"}},[_vm._v(\"Primary - active - disabled\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"disabled\":\"true\"},model:{value:(_vm.checkBox4),callback:function ($$v) {_vm.checkBox4=$$v},expression:\"checkBox4\"}},[_vm._v(\"Primary - inactive - disabled\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n \\n - \\n Primary - active\\n
\\n - \\n Primary - inactive\\n
\\n - \\n Primary - active - disabled\\n
\\n - \\n Primary - inactive - disabled\\n
\\n
\\n\\n\\n\\n \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n \n\n To add a checkBox, we have the vs-checkbox component which expects a principal parameter v-model that would be our value.\n\n \n - \n Primary - active\n
\n - \n Primary - inactive\n
\n - \n Primary - active - disabled\n
\n - \n Primary - inactive - disabled\n
\n
\n\n \n<template>\n <ul class="centerx">\n <li>\n <vs-checkbox v-model="checkBox1">Primary - active</vs-checkbox>\n </li>\n <li>\n <vs-checkbox v-model="checkBox2">Primary - inactive</vs-checkbox>\n </li>\n <li>\n <vs-checkbox disabled="true" v-model="checkBox3">Primary - active - disabled</vs-checkbox>\n </li>\n <li>\n <vs-checkbox disabled="true" v-model="checkBox4">Primary - inactive - disabled</vs-checkbox>\n </li>\n </ul>\n</template>\n\n<script>\nexport default {\n data(){\n return {\n checkBox1:true,\n checkBox2:false,\n checkBox3:true,\n checkBox4:false,\n }\n }\n}\n</script>\n \n \n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxState.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxState.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxState.vue?vue&type=template&id=19b9bfc2&\"\nimport script from \"./CheckboxState.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxState.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Color\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"You can change the color of the checkBox with the property \"),_c('code',[_vm._v(\"color\")]),_vm._v(\". You are able to use the Main Colors or \"),_c('strong',[_vm._v(\"RGB\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors.\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('span',[_vm._v(\"Only \"),_c('strong',[_vm._v(\"RGB\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors are supported.\")])]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Primary\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"color\":\"success\"},model:{value:(_vm.checkBox2),callback:function ($$v) {_vm.checkBox2=$$v},expression:\"checkBox2\"}},[_vm._v(\"Success\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"color\":\"danger\"},model:{value:(_vm.checkBox3),callback:function ($$v) {_vm.checkBox3=$$v},expression:\"checkBox3\"}},[_vm._v(\"Danger\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"color\":\"warning\"},model:{value:(_vm.checkBox4),callback:function ($$v) {_vm.checkBox4=$$v},expression:\"checkBox4\"}},[_vm._v(\"Warning\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"color\":\"dark\"},model:{value:(_vm.checkBox5),callback:function ($$v) {_vm.checkBox5=$$v},expression:\"checkBox5\"}},[_vm._v(\"Dark\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"color\":\"rgb(38, 187, 174)\"},model:{value:(_vm.checkBox6),callback:function ($$v) {_vm.checkBox6=$$v},expression:\"checkBox6\"}},[_vm._v(\"Color RGB\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"color\":\"#720ea8\"},model:{value:(_vm.checkBox7),callback:function ($$v) {_vm.checkBox7=$$v},expression:\"checkBox7\"}},[_vm._v(\"Color HEX\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n \\n - \\n Primary\\n
\\n - \\n Success\\n
\\n - \\n Danger\\n
\\n - \\n Warning\\n
\\n - \\n Dark\\n
\\n - \\n Color RGB\\n
\\n - \\n Color HEX\\n
\\n
\\n\\n\\n\\n \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n \n\n You can change the color of the checkBox with the property color. You are able to use the Main Colors or RGB and HEX colors.\n\n \n Only RGB and HEX colors are supported.\n \n\n \n - \n Primary\n
\n - \n Success\n
\n - \n Danger\n
\n - \n Warning\n
\n - \n Dark\n
\n - \n Color RGB\n
\n - \n Color HEX\n
\n
\n\n \n<template>\n <ul class="demo-alignment">\n <li>\n <vs-checkbox v-model="checkBox1">Primary</vs-checkbox>\n </li>\n <li>\n <vs-checkbox color="success" v-model="checkBox2">Success</vs-checkbox>\n </li>\n <li>\n <vs-checkbox color="danger" v-model="checkBox3">Danger</vs-checkbox>\n </li>\n <li>\n <vs-checkbox color="warning" v-model="checkBox4">Warning</vs-checkbox>\n </li>\n <li>\n <vs-checkbox color="dark" v-model="checkBox5">Dark</vs-checkbox>\n </li>\n <li>\n <vs-checkbox color="rgb(38, 187, 174)" v-model="checkBox6">Color RGB</vs-checkbox>\n </li>\n <li>\n <vs-checkbox color="#720ea8" v-model="checkBox7">Color HEX</vs-checkbox>\n </li>\n </ul>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n checkBox1: true,\n checkBox2: true,\n checkBox3: true,\n checkBox4: true,\n checkBox5: true,\n checkBox6: true,\n checkBox7: true,\n }\n }\n}\n</script>\n \n \n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxColor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxColor.vue?vue&type=template&id=36a8aa11&\"\nimport script from \"./CheckboxColor.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxColor.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Boolean Value\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"In most cases you will need a boolean data type while working with checkBoxes. For making this possible you have to link a boolean value in \"),_c('code',[_vm._v(\"v-model\")])]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(_vm._s(_vm.checkBox1))])],1),_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox2),callback:function ($$v) {_vm.checkBox2=$$v},expression:\"checkBox2\"}},[_vm._v(_vm._s(_vm.checkBox2))])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n \\n - \\n \"+_vm._s(\"\\{\\{ checkBox1 \\}\\}\")+\"\\n
\\n - \\n \"+_vm._s(\"\\{\\{ checkBox2 \\}\\}\")+\"\\n
\\n
\\n\\n\\n\\n \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n \n\n In most cases you will need a boolean data type while working with checkBoxes. For making this possible you have to link a boolean value in v-model\n\n \n - \n {{checkBox1}}\n
\n - \n {{checkBox2}}\n
\n
\n\n \n<template>\n <ul class="centerx">\n <li>\n <vs-checkbox v-model="checkBox1">{{ "\\{\\{ checkBox1 \\}\\}" }}</vs-checkbox>\n </li>\n <li>\n <vs-checkbox v-model="checkBox2">{{ "\\{\\{ checkBox2 \\}\\}" }}</vs-checkbox>\n </li>\n </ul>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n checkBox1: true,\n checkBox2: false,\n }\n }\n}\n</script>\n \n \n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxBooleanValue.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxBooleanValue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxBooleanValue.vue?vue&type=template&id=71f2834e&\"\nimport script from \"./CheckboxBooleanValue.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxBooleanValue.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"String Value\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"You can pass as a value a string by giving it as a value of the property \"),_c('code',[_vm._v(\"vs-value\")])]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-checkbox',{attrs:{\"vs-value\":\"Luis Daniel\"},model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Luis Daniel\")])],1),_c('li',{staticClass:\"op-block\"},[_vm._v(\"\\n \"+_vm._s(_vm.checkBox1==null?'null':_vm.checkBox1)+\"\\n \")])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n \\n - \\n Luis Daniel\\n
\\n - \\n \"+_vm._s(\"\\{\\{ checkBox1==null?'null':checkBox1 \\}\\}\")+\"\\n
\\n
\\n\\n\\n\\n \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n \n\n You can pass as a value a string by giving it as a value of the property vs-value\n\n \n - \n Luis Daniel\n
\n - \n {{checkBox1==null?'null':checkBox1}}\n
\n
\n\n \n<template>\n <ul class="demo-alignment">\n <li>\n <vs-checkbox v-model="checkBox1" vs-value="Luis Daniel">Luis Daniel</vs-checkbox>\n </li>\n <li class="op-block">\n {{ "\\{\\{ checkBox1==null?'null':checkBox1 \\}\\}" }}\n </li>\n </ul>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n checkBox1: null,\n }\n }\n}\n</script>\n \n \n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxStringValue.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxStringValue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxStringValue.vue?vue&type=template&id=454558d6&\"\nimport script from \"./CheckboxStringValue.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxStringValue.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Array Values\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"You can have several checkBoxs linked to the same array only by using \"),_c('code',[_vm._v(\"v-model\")]),_vm._v(\" with a value of \"),_c('strong',[_vm._v(\"array\")]),_vm._v(\".\")]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-checkbox',{attrs:{\"vs-value\":\"luis\"},model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Luis\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"vs-value\":\"carols\"},model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Carols\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"vs-value\":\"summer\"},model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Summer\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"vs-value\":\"lyon\"},model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Lyon\")])],1),_c('li',{staticClass:\"op-block\"},[_vm._v(\"\\n \"+_vm._s(_vm.checkBox1)+\"\\n \")])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n \\n - \\n Luis\\n
\\n - \\n Carols\\n
\\n - \\n Summer\\n
\\n - \\n Lyon\\n
\\n - \\n \"+_vm._s(\"\\{\\{ checkBox1 \\}\\}\")+\"\\n
\\n
\\n\\n\\n\\n \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n \n\n You can have several checkBoxs linked to the same array only by using v-model with a value of array.\n\n \n - \n Luis\n
\n - \n Carols\n
\n - \n Summer\n
\n - \n Lyon\n
\n\n - \n {{checkBox1}}\n
\n
\n\n \n<template>\n <ul class="centerx">\n <li>\n <vs-checkbox v-model="checkBox1" vs-value="luis">Luis</vs-checkbox>\n </li>\n <li>\n <vs-checkbox v-model="checkBox1" vs-value="carols">Carols</vs-checkbox>\n </li>\n <li>\n <vs-checkbox v-model="checkBox1" vs-value="summer">Summer</vs-checkbox>\n </li>\n <li>\n <vs-checkbox v-model="checkBox1" vs-value="lyon">Lyon</vs-checkbox>\n </li>\n <li class="modelx">\n {{ \"\\{\\{ checkBox1 \\}\\}\" }}\n </li>\n </ul>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n checkBox1: ['luis']\n }\n }\n}\n</script>\n \n \n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxArrayValue.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxArrayValue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxArrayValue.vue?vue&type=template&id=4eb57ec4&\"\nimport script from \"./CheckboxArrayValue.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxArrayValue.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Array Object values\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"Sometimes you need to link an object as a value when selecting a checkBox for it, you only have to put it as value in \"),_c('strong',[_vm._v(\"vs-value\")]),_vm._v(\" an object either literal or linked.\")]),_c('ul',{staticClass:\"demo-alignment\"},_vm._l((_vm.regions),function(region,index){return _c('li',{key:index},[_c('vs-checkbox',{attrs:{\"vs-value\":region},model:{value:(_vm.form.regions),callback:function ($$v) {_vm.$set(_vm.form, \"regions\", $$v)},expression:\"form.regions\"}},[_vm._v(_vm._s(region.name))])],1)}),0),_c('div',{staticClass:\"op-block mt-5\"},[_vm._v(_vm._s(_vm.form.regions))]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n \\n - \\n \"+_vm._s(\"\\{\\{ region.name \\}\\}\")+\"\\n
\\n
\\n\\n \"+_vm._s(\"\\{\\{ form.regions \\}\\}\")+\"
\\n\\n\\n\\n \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n \n\n Sometimes you need to link an object as a value when selecting a checkBox for it, you only have to put it as value in vs-value an object either literal or linked.\n\n \n - \n {{ region.name }}\n
\n
\n\n {{form.regions}}
\n\n \n<template>\n <ul class="centerx">\n <li v-for="(region, index) in regions" :key="index">\n <vs-checkbox v-model="form.regions" :vs-value="region" >{{ \"\\{\\{ region.name \\}\\}\" }}</vs-checkbox>\n </li>\n </ul>\n\n <div class="modelx">{{ \"\\{\\{ form.regions \\}\\}\" }}</div>\n</template>\n\n<script>\nexport default {\n data: () => ({\n form: {\n regions: []\n },\n regions: [\n { id: 1, name: 'Queensland' },\n { id: 2, name: 'South Australia' },\n { id: 3, name: 'New South Wales' },\n ]\n})\n}\n</script>\n \n \n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxArrayObjectValue.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxArrayObjectValue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxArrayObjectValue.vue?vue&type=template&id=c64e8e62&\"\nimport script from \"./CheckboxArrayObjectValue.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxArrayObjectValue.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Change Icon\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"Sometimes we want to change the internal icon inside the checkbox. To do so, we have the property \"),_c('code',[_vm._v(\"icon\")])]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-check\"},model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Primary\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-message-square\",\"color\":\"success\"},model:{value:(_vm.checkBox2),callback:function ($$v) {_vm.checkBox2=$$v},expression:\"checkBox2\"}},[_vm._v(\"SMS\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-x\",\"color\":\"danger\"},model:{value:(_vm.checkBox3),callback:function ($$v) {_vm.checkBox3=$$v},expression:\"checkBox3\"}},[_vm._v(\"Cancel\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-paperclip\",\"color\":\"warning\"},model:{value:(_vm.checkBox4),callback:function ($$v) {_vm.checkBox4=$$v},expression:\"checkBox4\"}},[_vm._v(\"File\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-bold\",\"color\":\"dark\"},model:{value:(_vm.checkBox5),callback:function ($$v) {_vm.checkBox5=$$v},expression:\"checkBox5\"}},[_vm._v(\"Bold\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-map-pin\",\"color\":\"rgb(38, 187, 174)\"},model:{value:(_vm.checkBox6),callback:function ($$v) {_vm.checkBox6=$$v},expression:\"checkBox6\"}},[_vm._v(\"Location\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-camera\",\"color\":\"#720ea8\"},model:{value:(_vm.checkBox7),callback:function ($$v) {_vm.checkBox7=$$v},expression:\"checkBox7\"}},[_vm._v(\"Camera\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n \\n - \\n Primary\\n
\\n - \\n SMS\\n
\\n - \\n Cancel\\n
\\n - \\n File\\n
\\n - \\n Bold\\n
\\n - \\n Location\\n
\\n - \\n Camera\\n
\\n
\\n\\n\\n\\n \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n \n\n Sometimes we want to change the internal icon inside the checkbox. To do so, we have the property icon\n\n \n - \n Primary\n
\n - \n SMS\n
\n - \n Cancel\n
\n - \n File\n
\n - \n Bold\n
\n - \n Location\n
\n - \n Camera\n
\n
\n\n \n<template>\n <ul class="demo-alignment">\n <li>\n <vs-checkbox icon-pack="feather" icon="icon-check" v-model="checkBox1">Primary</vs-checkbox>\n </li>\n <li>\n <vs-checkbox icon-pack="feather" icon="icon-message-square" color="success" v-model="checkBox2">SMS</vs-checkbox>\n </li>\n <li>\n <vs-checkbox icon-pack="feather" icon="icon-x" color="danger" v-model="checkBox3">Cancel</vs-checkbox>\n </li>\n <li>\n <vs-checkbox icon-pack="feather" icon="icon-paperclip" color="warning" v-model="checkBox4">File</vs-checkbox>\n </li>\n <li>\n <vs-checkbox icon-pack="feather" icon="icon-bold" color="dark" v-model="checkBox5">Bold</vs-checkbox>\n </li>\n <li>\n <vs-checkbox icon-pack="feather" icon="icon-map-pin" color="rgb(38, 187, 174)" v-model="checkBox6">Location</vs-checkbox>\n </li>\n <li>\n <vs-checkbox icon-pack="feather" icon="icon-camera" color="#720ea8" v-model="checkBox7">Camera</vs-checkbox>\n </li>\n </ul>\n</template>\n\n<script>\nexport default {\n data(){\n return {\n checkBox1:true,\n checkBox2:true,\n checkBox3:true,\n checkBox4:true,\n checkBox5:true,\n checkBox6:true,\n checkBox7:true,\n }\n }\n}\n</script>\n \n \n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxChangeIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxChangeIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxChangeIcon.vue?vue&type=template&id=70c41dca&\"\nimport script from \"./CheckboxChangeIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxChangeIcon.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n\n\n\n \n \n \n \n \n \n \n \n
\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Checkbox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Checkbox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Checkbox.vue?vue&type=template&id=307e59a2&\"\nimport script from \"./Checkbox.vue?vue&type=script&lang=js&\"\nexport * from \"./Checkbox.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}