{"version":3,"sources":["webpack:///./src/views/forms/FormLayouts.vue?739f","webpack:///src/views/forms/FormLayouts.vue","webpack:///./src/views/forms/FormLayouts.vue?408c","webpack:///./src/views/forms/FormLayouts.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","title","code-toggler","_v","model","value","callback","$$v","input1","expression","type","input2","input3","input4","check1","color","on","click","$event","slot","icon-pack","icon","icon-no-border","input5","input6","input7","input8","check2","label","input9","input10","input11","input12","check3","input13","input14","input15","input16","check4","label-placeholder","input17","input18","input19","input20","check5","input21","input22","input23","input24","check6","input25","input26","input27","input28","input29","input30","check7","staticRenderFns","FormLayoutsvue_type_script_lang_js_","data","forms_FormLayoutsvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d21d854.edba883a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Horizontal Form\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"First Name\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",model:{value:(_vm.input1),callback:function ($$v) {_vm.input1=$$v},expression:\"input1\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Email\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\"},model:{value:(_vm.input2),callback:function ($$v) {_vm.input2=$$v},expression:\"input2\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Mobile\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",model:{value:(_vm.input3),callback:function ($$v) {_vm.input3=$$v},expression:\"input3\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Password\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"password\"},model:{value:(_vm.input4),callback:function ($$v) {_vm.input4=$$v},expression:\"input4\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full ml-auto\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check1),callback:function ($$v) {_vm.check1=$$v},expression:\"check1\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full ml-auto\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input1 = _vm.input2 = _vm.input3 = _vm.input4 = _vm.input4 = ''; _vm.check1 = false;}}},[_vm._v(\"Reset\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n        <span>First Name</span>\\n      </div>\\n      <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n        <vs-input class=\\\"w-full\\\" v-model=\\\"input1\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n        <span>Email</span>\\n      </div>\\n      <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n        <vs-input class=\\\"w-full\\\" type=\\\"email\\\" v-model=\\\"input2\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n        <span>Mobile</span>\\n      </div>\\n      <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n        <vs-input class=\\\"w-full\\\" v-model=\\\"input3\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n        <span>Password</span>\\n      </div>\\n      <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n        <vs-input class=\\\"w-full\\\" type=\\\"password\\\" v-model=\\\"input4\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col sm:w-2/3 w-full ml-auto\\\">\\n        <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check1\\\">Remember Me</vs-checkbox>\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row\\\">\\n      <div class=\\\"vx-col sm:w-2/3 w-full ml-auto\\\">\\n        <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n        <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input1 = input2 = input3 = input4 = input4 = ''; check1 = false;\\\">Reset</vs-button>\\n      </div>\\n    </div>\\n</template>\\n        \")])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Horizontal Form\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"First Name\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-user\",\"icon-no-border\":\"\"},model:{value:(_vm.input5),callback:function ($$v) {_vm.input5=$$v},expression:\"input5\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Email\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"icon-pack\":\"feather\",\"icon\":\"icon-mail\",\"icon-no-border\":\"\"},model:{value:(_vm.input6),callback:function ($$v) {_vm.input6=$$v},expression:\"input6\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Mobile\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-smartphone\",\"icon-no-border\":\"\"},model:{value:(_vm.input7),callback:function ($$v) {_vm.input7=$$v},expression:\"input7\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Password\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"password\",\"icon-pack\":\"feather\",\"icon\":\"icon-lock\",\"icon-no-border\":\"\"},model:{value:(_vm.input8),callback:function ($$v) {_vm.input8=$$v},expression:\"input8\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full ml-auto\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check2),callback:function ($$v) {_vm.check2=$$v},expression:\"check2\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full ml-auto\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input5 = _vm.input6 = _vm.input7 = _vm.input8 = ''; _vm.check2 = false;}}},[_vm._v(\"Reset\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n      <span>First Name</span>\\n    </div>\\n    <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n      <vs-input class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-user\\\" icon-no-border v-model=\\\"input5\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n      <span>Email</span>\\n    </div>\\n    <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n      <vs-input type=\\\"email\\\" class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-mail\\\" icon-no-border v-model=\\\"input6\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n      <span>Mobile</span>\\n    </div>\\n    <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n      <vs-input class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-smartphone\\\" icon-no-border v-model=\\\"input7\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n      <span>Password</span>\\n    </div>\\n    <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n      <vs-input type=\\\"password\\\" class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-lock\\\" icon-no-border v-model=\\\"input8\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col sm:w-2/3 w-full ml-auto\\\">\\n      <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check2\\\">Remember Me</vs-checkbox>\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col sm:w-2/3 w-full ml-auto\\\">\\n      <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n      <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input5 = input6 = input7 = input8 = ''; check2 = false;\\\">Reset</vs-button>\\n    </div>\\n  </div>\\n</template>\\n        \")])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Vertical Form\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":\"First Name\"},model:{value:(_vm.input9),callback:function ($$v) {_vm.input9=$$v},expression:\"input9\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"label\":\"Email\"},model:{value:(_vm.input10),callback:function ($$v) {_vm.input10=$$v},expression:\"input10\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":\"Mobile\"},model:{value:(_vm.input11),callback:function ($$v) {_vm.input11=$$v},expression:\"input11\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"password\",\"label\":\"Password\"},model:{value:(_vm.input12),callback:function ($$v) {_vm.input12=$$v},expression:\"input12\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check3),callback:function ($$v) {_vm.check3=$$v},expression:\"check3\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input9 = _vm.input10 = _vm.input11 = _vm.input12 = ''; _vm.check3 = false;}}},[_vm._v(\"Reset\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" label=\\\"First Name\\\" v-model=\\\"input9\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" type=\\\"email\\\" label=\\\"Email\\\" v-model=\\\"input10\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" label=\\\"Mobile\\\" v-model=\\\"input11\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" type=\\\"password\\\" label=\\\"Password\\\" v-model=\\\"input12\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check3\\\">Remember Me</vs-checkbox>\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n      <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input9 = input10 = input11 = input12 = ''; check3 = false;\\\">Reset</vs-button>\\n    </div>\\n  </div>\\n</template>\\n        \")])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Vertical Form\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-user\",\"icon-no-border\":\"\",\"label\":\"First Name\"},model:{value:(_vm.input13),callback:function ($$v) {_vm.input13=$$v},expression:\"input13\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"icon-pack\":\"feather\",\"icon\":\"icon-mail\",\"icon-no-border\":\"\",\"label\":\"Email\"},model:{value:(_vm.input14),callback:function ($$v) {_vm.input14=$$v},expression:\"input14\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-smartphone\",\"icon-no-border\":\"\",\"label\":\"Mobile\"},model:{value:(_vm.input15),callback:function ($$v) {_vm.input15=$$v},expression:\"input15\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"password\",\"icon-pack\":\"feather\",\"icon\":\"icon-lock\",\"icon-no-border\":\"\",\"label\":\"Password\"},model:{value:(_vm.input16),callback:function ($$v) {_vm.input16=$$v},expression:\"input16\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check4),callback:function ($$v) {_vm.check4=$$v},expression:\"check4\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input13 = _vm.input14 = _vm.input15 = _vm.input16 = ''; _vm.check4 = false;}}},[_vm._v(\"Cancle\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-input class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-user\\\" icon-no-border label=\\\"First Name\\\" v-model=\\\"input13\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-input type=\\\"email\\\" class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-mail\\\" icon-no-border label=\\\"Email\\\" v-model=\\\"input14\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-input class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-smartphone\\\" icon-no-border label=\\\"Mobile\\\" v-model=\\\"input15\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-input type=\\\"password\\\" class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-lock\\\" icon-no-border label=\\\"Password\\\" v-model=\\\"input16\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check4\\\">Remember Me</vs-checkbox>\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row\\\">\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n        <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input13 = input14 = input15 = input16 = ''; check4 = false;\\\">Cancle</vs-button>\\n      </div>\\n    </div>\\n</template>\\n        \")])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Form With Label Placeholder\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"First Name\"},model:{value:(_vm.input17),callback:function ($$v) {_vm.input17=$$v},expression:\"input17\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"label-placeholder\":\"Email\"},model:{value:(_vm.input18),callback:function ($$v) {_vm.input18=$$v},expression:\"input18\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Mobile\"},model:{value:(_vm.input19),callback:function ($$v) {_vm.input19=$$v},expression:\"input19\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"password\",\"label-placeholder\":\"Password\"},model:{value:(_vm.input20),callback:function ($$v) {_vm.input20=$$v},expression:\"input20\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check5),callback:function ($$v) {_vm.check5=$$v},expression:\"check5\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input17 = _vm.input18 = _vm.input19 = _vm.input20 = ''; _vm.check5 = false;}}},[_vm._v(\"Cancle\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"vx-row mb-2\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"First Name\\\" v-model=\\\"input17\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-2\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" type=\\\"email\\\" label-placeholder=\\\"Email\\\" v-model=\\\"input18\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-2\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"Mobile\\\" v-model=\\\"input19\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" type=\\\"password\\\" label-placeholder=\\\"Password\\\" v-model=\\\"input20\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check5\\\">Remember Me</vs-checkbox>\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n      <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input17 = input18 = input19 = input20 = ''; check5 = false;\\\">Cancle</vs-button>\\n    </div>\\n  </div>\\n</template>\\n        \")])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Form With Label Placeholder\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-user\",\"icon-no-border\":\"\",\"label-placeholder\":\"First Name\"},model:{value:(_vm.input21),callback:function ($$v) {_vm.input21=$$v},expression:\"input21\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"icon-pack\":\"feather\",\"icon\":\"icon-mail\",\"icon-no-border\":\"\",\"label-placeholder\":\"Email\"},model:{value:(_vm.input22),callback:function ($$v) {_vm.input22=$$v},expression:\"input22\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-smartphone\",\"icon-no-border\":\"\",\"label-placeholder\":\"Mobile\"},model:{value:(_vm.input23),callback:function ($$v) {_vm.input23=$$v},expression:\"input23\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"password\",\"icon-pack\":\"feather\",\"icon\":\"icon-lock\",\"icon-no-border\":\"\",\"label-placeholder\":\"Password\"},model:{value:(_vm.input24),callback:function ($$v) {_vm.input24=$$v},expression:\"input24\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check6),callback:function ($$v) {_vm.check6=$$v},expression:\"check6\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input21 = _vm.input22 = _vm.input23 = _vm.input24 = ''; _vm.check6 = false;}}},[_vm._v(\"Reset\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"vx-row mb-2\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-user\\\" icon-no-border label-placeholder=\\\"First Name\\\" v-model=\\\"input21\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-2\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input type=\\\"email\\\" class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-mail\\\" icon-no-border label-placeholder=\\\"Email\\\" v-model=\\\"input22\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-2\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-smartphone\\\" icon-no-border label-placeholder=\\\"Mobile\\\" v-model=\\\"input23\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input type=\\\"password\\\" class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-lock\\\" icon-no-border label-placeholder=\\\"Password\\\" v-model=\\\"input24\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check6\\\">Remember Me</vs-checkbox>\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n      <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input21 = input22 = input23 = input24 = ''; check6 = false;\\\">Reset</vs-button>\\n    </div>\\n  </div>\\n</template>\\n        \")])],2)],1),_c('div',{staticClass:\"vx-col w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Multiple Columns\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"First Name\"},model:{value:(_vm.input25),callback:function ($$v) {_vm.input25=$$v},expression:\"input25\"}})],1),_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Last Name\"},model:{value:(_vm.input26),callback:function ($$v) {_vm.input26=$$v},expression:\"input26\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"City\"},model:{value:(_vm.input27),callback:function ($$v) {_vm.input27=$$v},expression:\"input27\"}})],1),_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Country\"},model:{value:(_vm.input28),callback:function ($$v) {_vm.input28=$$v},expression:\"input28\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Company\"},model:{value:(_vm.input29),callback:function ($$v) {_vm.input29=$$v},expression:\"input29\"}})],1),_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-6\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"label-placeholder\":\"Email\"},model:{value:(_vm.input30),callback:function ($$v) {_vm.input30=$$v},expression:\"input30\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mb-6\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check7),callback:function ($$v) {_vm.check7=$$v},expression:\"check7\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input25 = _vm.input26 = _vm.input27 = _vm.input28 = _vm.input29 = _vm.input30 = ''; _vm.check7 = false;}}},[_vm._v(\"Reset\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col sm:w-1/2 w-full mb-2\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"First Name\\\" v-model=\\\"input25\\\" />\\n    </div>\\n    <div class=\\\"vx-col sm:w-1/2 w-full mb-2\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"Last Name\\\" v-model=\\\"input26\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col sm:w-1/2 w-full mb-2\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"City\\\" v-model=\\\"input27\\\" />\\n    </div>\\n    <div class=\\\"vx-col sm:w-1/2 w-full mb-2\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"Country\\\" v-model=\\\"input28\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col sm:w-1/2 w-full mb-2\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"Company\\\" v-model=\\\"input29\\\" />\\n    </div>\\n    <div class=\\\"vx-col sm:w-1/2 w-full mb-6\\\">\\n      <vs-input type=\\\"email\\\" class=\\\"w-full\\\" label-placeholder=\\\"Email\\\" v-model=\\\"input30\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col w-full mb-6\\\">\\n      <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check7\\\">Remember Me</vs-checkbox>\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n      <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input25 = input26 = input27 = input28 = input29 = input30 = ''; check7 = false;\\\">Reset</vs-button>\\n    </div>\\n  </div>\\n</template>\\n        \")])],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"vx-row\">\r\n\r\n\t\t<!-- HORIZONTAL LAYOUT -->\r\n\t\t<div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n\t\t\t<vx-card title=\"Horizontal Form\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>First Name</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" v-model=\"input1\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>Email</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" type=\"email\" v-model=\"input2\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>Mobile</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" v-model=\"input3\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>Password</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" type=\"password\" v-model=\"input4\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full ml-auto\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check1\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full ml-auto\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input1 = input2 = input3 = input4 = input4 = ''; check1 = false;\">Reset</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n        <!-- CODE -->\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n        &lt;span&gt;First Name&lt;/span&gt;\r\n      &lt;/div&gt;\r\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\n        &lt;vs-input class=&quot;w-full&quot; v-model=&quot;input1&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n        &lt;span&gt;Email&lt;/span&gt;\r\n      &lt;/div&gt;\r\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\n        &lt;vs-input class=&quot;w-full&quot; type=&quot;email&quot; v-model=&quot;input2&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n        &lt;span&gt;Mobile&lt;/span&gt;\r\n      &lt;/div&gt;\r\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\n        &lt;vs-input class=&quot;w-full&quot; v-model=&quot;input3&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n        &lt;span&gt;Password&lt;/span&gt;\r\n      &lt;/div&gt;\r\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\n        &lt;vs-input class=&quot;w-full&quot; type=&quot;password&quot; v-model=&quot;input4&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full ml-auto&quot;&gt;\r\n        &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check1&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row&quot;&gt;\r\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full ml-auto&quot;&gt;\r\n        &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\n        &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input1 = input2 = input3 = input4 = input4 = ''; check1 = false;&quot;&gt;Reset&lt;/vs-button&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\r\n\t\t<!-- HORIZONTAL LAYOUT WITH ICON-->\r\n\t\t<div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n\t\t\t<vx-card title=\"Horizontal Form\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>First Name</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-user\" icon-no-border v-model=\"input5\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>Email</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input type=\"email\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-mail\" icon-no-border v-model=\"input6\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>Mobile</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-smartphone\" icon-no-border v-model=\"input7\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>Password</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input type=\"password\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-lock\" icon-no-border v-model=\"input8\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full ml-auto\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check2\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full ml-auto\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input5 = input6 = input7 = input8 = ''; check2 = false;\">Reset</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n        <!-- CODE -->\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n      &lt;span&gt;First Name&lt;/span&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-user&quot; icon-no-border v-model=&quot;input5&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n      &lt;span&gt;Email&lt;/span&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\n      &lt;vs-input type=&quot;email&quot; class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-mail&quot; icon-no-border v-model=&quot;input6&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n      &lt;span&gt;Mobile&lt;/span&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-smartphone&quot; icon-no-border v-model=&quot;input7&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n      &lt;span&gt;Password&lt;/span&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\n      &lt;vs-input type=&quot;password&quot; class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-lock&quot; icon-no-border v-model=&quot;input8&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full ml-auto&quot;&gt;\r\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check2&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full ml-auto&quot;&gt;\r\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\n      &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input5 = input6 = input7 = input8 = ''; check2 = false;&quot;&gt;Reset&lt;/vs-button&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\r\n\t\t<!-- VERTICAL LAYOUT -->\r\n\t\t<div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n\t\t\t<vx-card title=\"Vertical Form\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label=\"First Name\" v-model=\"input9\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" type=\"email\" label=\"Email\" v-model=\"input10\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label=\"Mobile\" v-model=\"input11\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" type=\"password\" label=\"Password\" v-model=\"input12\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check3\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input9 = input10 = input11 = input12 = ''; check3 = false;\">Reset</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n        <!-- CODE -->\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label=&quot;First Name&quot; v-model=&quot;input9&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; type=&quot;email&quot; label=&quot;Email&quot; v-model=&quot;input10&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label=&quot;Mobile&quot; v-model=&quot;input11&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; type=&quot;password&quot; label=&quot;Password&quot; v-model=&quot;input12&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check3&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\n      &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input9 = input10 = input11 = input12 = ''; check3 = false;&quot;&gt;Reset&lt;/vs-button&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\r\n\t\t<!-- VERTICAL LAYOUT WITH ICON-->\r\n\t\t<div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n\t\t\t<vx-card title=\"Vertical Form\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-user\" icon-no-border label=\"First Name\" v-model=\"input13\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input type=\"email\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-mail\" icon-no-border label=\"Email\" v-model=\"input14\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-smartphone\" icon-no-border label=\"Mobile\" v-model=\"input15\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input type=\"password\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-lock\" icon-no-border label=\"Password\" v-model=\"input16\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check4\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input13 = input14 = input15 = input16 = ''; check4 = false;\">Cancle</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n        <!-- CODE -->\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n        &lt;vs-input class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-user&quot; icon-no-border label=&quot;First Name&quot; v-model=&quot;input13&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n        &lt;vs-input type=&quot;email&quot; class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-mail&quot; icon-no-border label=&quot;Email&quot; v-model=&quot;input14&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n        &lt;vs-input class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-smartphone&quot; icon-no-border label=&quot;Mobile&quot; v-model=&quot;input15&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n        &lt;vs-input type=&quot;password&quot; class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-lock&quot; icon-no-border label=&quot;Password&quot; v-model=&quot;input16&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n        &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check4&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row&quot;&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n        &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\n        &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input13 = input14 = input15 = input16 = ''; check4 = false;&quot;&gt;Cancle&lt;/vs-button&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\r\n\t\t<!-- FORM WITH LABEL PLACEHOLDER -->\r\n\t\t<div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n\t\t\t<vx-card title=\"Form With Label Placeholder\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row mb-2\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"First Name\" v-model=\"input17\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-2\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" type=\"email\" label-placeholder=\"Email\" v-model=\"input18\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-2\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"Mobile\" v-model=\"input19\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" type=\"password\" label-placeholder=\"Password\" v-model=\"input20\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check5\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input17 = input18 = input19 = input20 = ''; check5 = false;\">Cancle</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n        <!-- CODE -->\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;First Name&quot; v-model=&quot;input17&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; type=&quot;email&quot; label-placeholder=&quot;Email&quot; v-model=&quot;input18&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;Mobile&quot; v-model=&quot;input19&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; type=&quot;password&quot; label-placeholder=&quot;Password&quot; v-model=&quot;input20&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check5&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\n      &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input17 = input18 = input19 = input20 = ''; check5 = false;&quot;&gt;Cancle&lt;/vs-button&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\r\n\t\t<!-- FORM WITH LABEL PLACEHOLDER WITH ICON-->\r\n\t\t<div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n\t\t\t<vx-card title=\"Form With Label Placeholder\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row mb-2\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-user\" icon-no-border label-placeholder=\"First Name\" v-model=\"input21\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-2\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input type=\"email\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-mail\" icon-no-border label-placeholder=\"Email\" v-model=\"input22\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-2\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-smartphone\" icon-no-border label-placeholder=\"Mobile\" v-model=\"input23\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input type=\"password\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-lock\" icon-no-border label-placeholder=\"Password\" v-model=\"input24\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check6\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input21 = input22 = input23 = input24 = ''; check6 = false;\">Reset</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-user&quot; icon-no-border label-placeholder=&quot;First Name&quot; v-model=&quot;input21&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input type=&quot;email&quot; class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-mail&quot; icon-no-border label-placeholder=&quot;Email&quot; v-model=&quot;input22&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-smartphone&quot; icon-no-border label-placeholder=&quot;Mobile&quot; v-model=&quot;input23&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input type=&quot;password&quot; class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-lock&quot; icon-no-border label-placeholder=&quot;Password&quot; v-model=&quot;input24&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check6&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\n      &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input21 = input22 = input23 = input24 = ''; check6 = false;&quot;&gt;Reset&lt;/vs-button&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\r\n\t\t<!-- MULTIPLE COLUMNS-->\r\n\t\t<div class=\"vx-col w-full mb-base\">\r\n\t\t\t<vx-card title=\"Multiple Columns\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"First Name\" v-model=\"input25\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"Last Name\" v-model=\"input26\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"City\" v-model=\"input27\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"Country\" v-model=\"input28\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"Company\" v-model=\"input29\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/2 w-full mb-6\">\r\n\t\t\t\t\t\t<vs-input type=\"email\" class=\"w-full\" label-placeholder=\"Email\" v-model=\"input30\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col w-full mb-6\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check7\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input25 = input26 = input27 = input28 = input29 = input30 = ''; check7 = false;\">Reset</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;First Name&quot; v-model=&quot;input25&quot; /&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;Last Name&quot; v-model=&quot;input26&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;City&quot; v-model=&quot;input27&quot; /&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;Country&quot; v-model=&quot;input28&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;Company&quot; v-model=&quot;input29&quot; /&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-6&quot;&gt;\r\n      &lt;vs-input type=&quot;email&quot; class=&quot;w-full&quot; label-placeholder=&quot;Email&quot; v-model=&quot;input30&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full mb-6&quot;&gt;\r\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check7&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\n      &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input25 = input26 = input27 = input28 = input29 = input30 = ''; check7 = false;&quot;&gt;Reset&lt;/vs-button&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default{\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tcheck1: '',\r\n\t\t\tcheck2: '',\r\n\t\t\tcheck3: '',\r\n\t\t\tcheck4: '',\r\n\t\t\tcheck5: '',\r\n\t\t\tcheck6: '',\r\n\t\t\tcheck7: '',\r\n\t\t\tinput1: '',\r\n\t\t\tinput2: '',\r\n\t\t\tinput3: '',\r\n\t\t\tinput4: '',\r\n\t\t\tinput5: '',\r\n\t\t\tinput6: '',\r\n\t\t\tinput7: '',\r\n\t\t\tinput8: '',\r\n\t\t\tinput9: '',\r\n\t\t\tinput10: '',\r\n\t\t\tinput11: '',\r\n\t\t\tinput12: '',\r\n\t\t\tinput13: '',\r\n\t\t\tinput14: '',\r\n\t\t\tinput15: '',\r\n\t\t\tinput16: '',\r\n\t\t\tinput17: '',\r\n\t\t\tinput18: '',\r\n\t\t\tinput19: '',\r\n\t\t\tinput20: '',\r\n\t\t\tinput21: '',\r\n\t\t\tinput22: '',\r\n\t\t\tinput23: '',\r\n\t\t\tinput24: '',\r\n\t\t\tinput25: '',\r\n\t\t\tinput26: '',\r\n\t\t\tinput27: '',\r\n\t\t\tinput28: '',\r\n\t\t\tinput29: '',\r\n\t\t\tinput30: '',\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/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!./FormLayouts.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/@vue/cli-plugin-babel/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!./FormLayouts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormLayouts.vue?vue&type=template&id=bdcd8dce&\"\nimport script from \"./FormLayouts.vue?vue&type=script&lang=js&\"\nexport * from \"./FormLayouts.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":""}