{"version":3,"sources":["webpack:///./src/views/forms/form-input-group/FormInputGroup.vue?8262","webpack:///./src/views/forms/form-input-group/FormInputGroupBasic.vue?8822","webpack:///src/views/forms/form-input-group/FormInputGroupBasic.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupBasic.vue?73c6","webpack:///./src/views/forms/form-input-group/FormInputGroupBasic.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupSizing.vue?1872","webpack:///src/views/forms/form-input-group/FormInputGroupSizing.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupSizing.vue?58d0","webpack:///./src/views/forms/form-input-group/FormInputGroupSizing.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?b714","webpack:///src/views/forms/form-input-group/FormInputGroupFormElements.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?ec02","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?7229","webpack:///./src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue?c415","webpack:///src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue?d2ce","webpack:///./src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupButtonAddons.vue?d6db","webpack:///src/views/forms/form-input-group/FormInputGroupButtonAddons.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupButtonAddons.vue?b3cc","webpack:///./src/views/forms/form-input-group/FormInputGroupButtonAddons.vue","webpack:///src/views/forms/form-input-group/FormInputGroup.vue","webpack:///./src/views/forms/form-input-group/FormInputGroup.vue?02d1","webpack:///./src/views/forms/form-input-group/FormInputGroup.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?2c0c"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","staticClass","_v","slot","model","value","callback","$$v","title","expression","username","siteUsername","amount","textarea","data","component","input1","input2","input3","checkbox1","radios1","switch1","title1","title2","input4","components","FormInputGroupBasic","FormInputGroupSizing","FormInputGroupFormElements","FormInputGroupButtonAddons","FormInputGroupMultipleAddons"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,qBAAqB,CAACF,EAAG,0BAA0BA,EAAG,2BAA2BA,EAAG,kCAAkCA,EAAG,oCAAoCA,EAAG,mCAAmC,IACrTG,EAAkB,GCDlB,EAAS,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,QAAQ,eAAe,KAAK,CAACF,EAAG,MAAM,CAACI,YAAY,WAAW,CAACJ,EAAG,IAAI,CAACA,EAAG,OAAO,CAACJ,EAAIS,GAAG,oBAAoBT,EAAIS,GAAG,+EAA+EL,EAAG,iBAAiB,CAACI,YAAY,WAAW,CAACJ,EAAG,WAAW,CAACM,KAAK,WAAW,CAACN,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,WAAWL,EAAG,WAAW,CAACE,MAAM,CAAC,YAAc,SAASK,MAAM,CAACC,MAAOZ,EAAS,MAAEa,SAAS,SAAUC,GAAMd,EAAIe,MAAMD,GAAKE,WAAW,YAAY,GAAGZ,EAAG,iBAAiB,CAACI,YAAY,WAAW,CAACJ,EAAG,WAAW,CAACE,MAAM,CAAC,YAAc,YAAYK,MAAM,CAACC,MAAOZ,EAAY,SAAEa,SAAS,SAAUC,GAAMd,EAAIiB,SAASH,GAAKE,WAAW,cAAcZ,EAAG,WAAW,CAACM,KAAK,UAAU,CAACN,EAAG,MAAM,CAACI,YAAY,0BAA0B,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,mBAAmB,GAAGL,EAAG,iBAAiB,CAACI,YAAY,WAAW,CAACJ,EAAG,WAAW,CAACM,KAAK,WAAW,CAACN,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,sCAAsCL,EAAG,WAAW,CAACO,MAAM,CAACC,MAAOZ,EAAgB,aAAEa,SAAS,SAAUC,GAAMd,EAAIkB,aAAaJ,GAAKE,WAAW,mBAAmB,GAAGZ,EAAG,iBAAiB,CAACI,YAAY,WAAW,CAACJ,EAAG,WAAW,CAACM,KAAK,WAAW,CAACN,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,WAAWL,EAAG,WAAW,CAACO,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAImB,OAAOL,GAAKE,WAAW,YAAYZ,EAAG,WAAW,CAACM,KAAK,UAAU,CAACN,EAAG,MAAM,CAACI,YAAY,0BAA0B,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,cAAc,GAAGL,EAAG,iBAAiB,CAACA,EAAG,WAAW,CAACM,KAAK,WAAW,CAACN,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,qBAAqBL,EAAG,cAAc,CAACO,MAAM,CAACC,MAAOZ,EAAY,SAAEa,SAAS,SAAUC,GAAMd,EAAIoB,SAASN,GAAKE,WAAW,eAAe,GAAGZ,EAAG,WAAW,CAACM,KAAK,iBAAiB,CAACV,EAAIS,GAAG,izDAAwxD,IAC5oH,EAAkB,GCgKtB,GACEY,KADF,WAEI,MAAO,CACLN,MAAO,GACPE,SAAU,GACVC,aAAc,GACdC,OAAQ,GACRC,SAAU,MCxK2W,I,YCOvXE,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QClBX,EAAS,WAAa,IAAItB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,SAAS,eAAe,KAAK,CAACF,EAAG,MAAM,CAACI,YAAY,WAAW,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,gBAAgBL,EAAG,OAAO,CAACJ,EAAIS,GAAG,UAAUT,EAAIS,GAAG,aAAaL,EAAG,OAAO,CAACJ,EAAIS,GAAG,cAAcT,EAAIS,GAAG,iDAAiDL,EAAG,iBAAiB,CAACI,YAAY,WAAW,CAACJ,EAAG,WAAW,CAACM,KAAK,WAAW,CAACN,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,eAAeL,EAAG,WAAW,CAACE,MAAM,CAAC,KAAO,SAASK,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAIuB,OAAOT,GAAKE,WAAW,aAAa,GAAGZ,EAAG,iBAAiB,CAACI,YAAY,WAAW,CAACJ,EAAG,WAAW,CAACM,KAAK,WAAW,CAACN,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,iBAAiBL,EAAG,WAAW,CAACO,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAIwB,OAAOV,GAAKE,WAAW,aAAa,GAAGZ,EAAG,iBAAiB,CAACI,YAAY,WAAW,CAACJ,EAAG,WAAW,CAACM,KAAK,WAAW,CAACN,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,eAAeL,EAAG,WAAW,CAACE,MAAM,CAAC,KAAO,SAASK,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAIyB,OAAOX,GAAKE,WAAW,aAAa,GAAGZ,EAAG,WAAW,CAACM,KAAK,iBAAiB,CAACV,EAAIS,GAAG,6hCAA8gC,IACrvE,EAAkB,GCkGtB,GACEY,KADF,WAEI,MAAO,CACLE,OAAQ,GACRC,OAAQ,GACRC,OAAQ,MCxG8W,ICOxX,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBX,EAAS,WAAa,IAAIzB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,gBAAgB,eAAe,KAAK,CAACF,EAAG,MAAM,CAACI,YAAY,WAAW,CAACJ,EAAG,IAAI,CAACJ,EAAIS,GAAG,iEAAiEL,EAAG,SAAS,CAACJ,EAAIS,GAAG,kBAAkBT,EAAIS,GAAG,8CAA8CL,EAAG,iBAAiB,CAACI,YAAY,4BAA4BF,MAAM,CAAC,eAAiB,uDAAuD,CAACF,EAAG,WAAW,CAACM,KAAK,WAAW,CAACN,EAAG,MAAM,CAACI,YAAY,gBAAgB,CAACJ,EAAG,cAAc,CAACO,MAAM,CAACC,MAAOZ,EAAa,UAAEa,SAAS,SAAUC,GAAMd,EAAI0B,UAAUZ,GAAKE,WAAW,gBAAgB,KAAKZ,EAAG,WAAW,CAACO,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAIuB,OAAOT,GAAKE,WAAW,aAAa,GAAGZ,EAAG,iBAAiB,CAACI,YAAY,4BAA4BF,MAAM,CAAC,eAAiB,uDAAuD,CAACF,EAAG,WAAW,CAACM,KAAK,WAAW,CAACN,EAAG,MAAM,CAACI,YAAY,gBAAgB,CAACJ,EAAG,WAAW,CAACE,MAAM,CAAC,WAAW,UAAUK,MAAM,CAACC,MAAOZ,EAAW,QAAEa,SAAS,SAAUC,GAAMd,EAAI2B,QAAQb,GAAKE,WAAW,cAAc,KAAKZ,EAAG,WAAW,CAACO,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAIwB,OAAOV,GAAKE,WAAW,aAAa,GAAGZ,EAAG,iBAAiB,CAACI,YAAY,4BAA4BF,MAAM,CAAC,eAAiB,uDAAuD,CAACF,EAAG,WAAW,CAACM,KAAK,WAAW,CAACN,EAAG,MAAM,CAACI,YAAY,gBAAgB,CAACJ,EAAG,YAAY,CAACO,MAAM,CAACC,MAAOZ,EAAW,QAAEa,SAAS,SAAUC,GAAMd,EAAI4B,QAAQd,GAAKE,WAAW,cAAc,KAAKZ,EAAG,WAAW,CAACO,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAIyB,OAAOX,GAAKE,WAAW,aAAa,GAAGZ,EAAG,WAAW,CAACM,KAAK,iBAAiB,CAACV,EAAIS,GAAG,2qDAAwqD,IAC/3G,EAAkB,GC0HtB,GACEY,KADF,WAEI,MAAO,CACLK,WAAW,EACXC,QAAS,KACTC,SAAS,EACTL,OAAQ,GACRC,OAAQ,GACRC,OAAQ,MCnIoX,ICQ9X,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,OAIa,I,QCnBX,EAAS,WAAa,IAAIzB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,kBAAkB,eAAe,KAAK,CAACF,EAAG,MAAM,CAACI,YAAY,WAAW,CAACJ,EAAG,IAAI,CAACA,EAAG,OAAO,CAACJ,EAAIS,GAAG,oBAAoBT,EAAIS,GAAG,+EAA+EL,EAAG,iBAAiB,CAACI,YAAY,WAAW,CAACJ,EAAG,WAAW,CAACM,KAAK,WAAW,CAACN,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,SAASL,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,cAAcL,EAAG,WAAW,CAACO,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAI6B,OAAOf,GAAKE,WAAW,aAAa,GAAGZ,EAAG,iBAAiB,CAACI,YAAY,WAAW,CAACJ,EAAG,WAAW,CAACM,KAAK,UAAU,CAACN,EAAG,MAAM,CAACI,YAAY,0BAA0B,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,SAASL,EAAG,MAAM,CAACI,YAAY,0BAA0B,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,cAAcL,EAAG,WAAW,CAACO,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAI8B,OAAOhB,GAAKE,WAAW,aAAa,GAAGZ,EAAG,WAAW,CAACM,KAAK,iBAAiB,CAACV,EAAIS,GAAG,29BAAk9B,IACp/D,EAAkB,GCuFtB,GACEY,KADF,WAEI,MAAO,CACLQ,OAAQ,GACRC,OAAQ,MC5FsX,ICOhY,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBX,EAAS,WAAa,IAAI9B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,gBAAgB,eAAe,KAAK,CAACF,EAAG,MAAM,CAACI,YAAY,WAAW,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,uDAAuDL,EAAG,iBAAiB,CAACI,YAAY,WAAW,CAACJ,EAAG,WAAW,CAACM,KAAK,WAAW,CAACN,EAAG,MAAM,CAACI,YAAY,0BAA0B,CAACJ,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQ,YAAY,CAACN,EAAIS,GAAG,aAAa,KAAKL,EAAG,WAAW,CAACO,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAIuB,OAAOT,GAAKE,WAAW,aAAa,GAAGZ,EAAG,iBAAiB,CAACI,YAAY,WAAW,CAACJ,EAAG,WAAW,CAACO,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAIwB,OAAOV,GAAKE,WAAW,YAAYZ,EAAG,WAAW,CAACM,KAAK,UAAU,CAACN,EAAG,MAAM,CAACI,YAAY,yBAAyB,CAACJ,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQ,YAAY,CAACN,EAAIS,GAAG,aAAa,MAAM,GAAGL,EAAG,iBAAiB,CAACI,YAAY,WAAW,CAACJ,EAAG,WAAW,CAACM,KAAK,WAAW,CAACN,EAAG,MAAM,CAACI,YAAY,0BAA0B,CAACJ,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQ,UAAU,KAAO,WAAW,CAACN,EAAIS,GAAG,aAAaL,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQ,UAAU,KAAO,WAAW,CAACN,EAAIS,GAAG,cAAc,KAAKL,EAAG,WAAW,CAACO,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAIyB,OAAOX,GAAKE,WAAW,aAAa,GAAGZ,EAAG,iBAAiB,CAACI,YAAY,WAAW,CAACJ,EAAG,WAAW,CAACO,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAI+B,OAAOjB,GAAKE,WAAW,YAAYZ,EAAG,WAAW,CAACM,KAAK,UAAU,CAACN,EAAG,MAAM,CAACI,YAAY,yBAAyB,CAACJ,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQ,UAAU,KAAO,WAAW,CAACN,EAAIS,GAAG,aAAaL,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQ,UAAU,KAAO,WAAW,CAACN,EAAIS,GAAG,cAAc,MAAM,GAAGL,EAAG,WAAW,CAACM,KAAK,iBAAiB,CAACV,EAAIS,GAAG,quDAAguD,IACp5G,EAAkB,GCiItB,GACEY,KADF,WAEI,MAAO,CACLE,OAAQ,GACRC,OAAQ,GACRC,OAAQ,GACRM,OAAQ,MCxIoX,ICO9X,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCDf,GACEC,WAAY,CACVC,oBAAJ,EACIC,qBAAJ,EACIC,2BAAJ,EACIC,2BAAJ,EACIC,6BAAJ,ICvBsX,ICOlX,EAAY,eACd,EACAtC,EACAQ,GACA,EACA,KACA,KACA,MAIa,e,kEClBf","file":"js/chunk-4eb04f92.0ebcf984.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"input-group-demo\"}},[_c('form-input-group-basic'),_c('form-input-group-sizing'),_c('form-input-group-form-elements'),_c('form-input-group-multiple-addons'),_c('form-input-group-button-addons')],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\":\"Basic\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mb-base\"},[_c('p',[_c('code',[_vm._v(\"vx-input-group\")]),_vm._v(\" component provides various options to create desired form input group.\")])]),_c('vx-input-group',{staticClass:\"mb-base\"},[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text bg-primary\"},[_c('span',[_vm._v(\"@\")])])]),_c('vs-input',{attrs:{\"placeholder\":\"Email\"},model:{value:(_vm.title),callback:function ($$v) {_vm.title=$$v},expression:\"title\"}})],2),_c('vx-input-group',{staticClass:\"mb-base\"},[_c('vs-input',{attrs:{\"placeholder\":\"Username\"},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('template',{slot:\"append\"},[_c('div',{staticClass:\"append-text bg-primary\"},[_c('span',[_vm._v(\"@url.com\")])])])],2),_c('vx-input-group',{staticClass:\"mb-base\"},[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text bg-primary\"},[_c('span',[_vm._v(\"https://pixinvent.com/users/\")])])]),_c('vs-input',{model:{value:(_vm.siteUsername),callback:function ($$v) {_vm.siteUsername=$$v},expression:\"siteUsername\"}})],2),_c('vx-input-group',{staticClass:\"mb-base\"},[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text bg-primary\"},[_c('span',[_vm._v(\"$\")])])]),_c('vs-input',{model:{value:(_vm.amount),callback:function ($$v) {_vm.amount=$$v},expression:\"amount\"}}),_c('template',{slot:\"append\"},[_c('div',{staticClass:\"append-text bg-primary\"},[_c('span',[_vm._v(\".00\")])])])],2),_c('vx-input-group',[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text bg-primary\"},[_c('span',[_vm._v(\"Description\")])])]),_c('vs-textarea',{model:{value:(_vm.textarea),callback:function ($$v) {_vm.textarea=$$v},expression:\"textarea\"}})],2),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<tempalte>\\n  <!-- TITLE -->\\n  <vx-input-group class=\\\"mb-base\\\">\\n    <template slot=\\\"prepend\\\">\\n      <div class=\\\"prepend-text bg-primary\\\">\\n        <span>@</span>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\\\"title\\\" placeholder=\\\"Email\\\" />\\n  </vx-input-group>\\n  <!-- /TITLE -->\\n\\n  <!-- URL -->\\n  <vx-input-group class=\\\"mb-base\\\">\\n    <vs-input v-model=\\\"username\\\" placeholder=\\\"Username\\\" />\\n\\n    <template slot=\\\"append\\\">\\n      <div class=\\\"append-text bg-primary\\\">\\n        <span>@url.com</span>\\n      </div>\\n    </template>\\n  </vx-input-group>\\n  <!-- /URL -->\\n\\n  <!-- USERNAME -->\\n  <vx-input-group class=\\\"mb-base\\\">\\n    <template slot=\\\"prepend\\\">\\n      <div class=\\\"prepend-text bg-primary\\\">\\n        <span>https://pixinvent.com/users/</span>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\\\"siteUsername\\\" />\\n  </vx-input-group>\\n  <!-- /USERNAME -->\\n\\n  <!-- currency -->\\n  <vx-input-group class=\\\"mb-base\\\">\\n    <template slot=\\\"prepend\\\">\\n      <div class=\\\"prepend-text bg-primary\\\">\\n        <span>$</span>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\\\"amount\\\" />\\n\\n    <template slot=\\\"append\\\">\\n      <div class=\\\"append-text bg-primary\\\">\\n        <span>.00</span>\\n      </div>\\n    </template>\\n  </vx-input-group>\\n  <!-- /currency -->\\n\\n  <!-- Textarea -->\\n  <vx-input-group>\\n    <template slot=\\\"prepend\\\">\\n      <div class=\\\"prepend-text bg-primary\\\">\\n        <span>Description</span>\\n      </div>\\n    </template>\\n\\n    <vs-textarea v-model=\\\"textarea\\\" />\\n  </vx-input-group>\\n  <!-- /Textarea -->\\n</tempalte>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      title: '',\\n      username: '',\\n      siteUsername: '',\\n      amount: '',\\n      textarea: '',\\n    }\\n  }\\n}\\n</script>\\n    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vx-card title=\"Basic\" code-toggler>\n\n    <div class=\"mb-base\">\n      <p><code>vx-input-group</code> component provides various options to create desired form input group.</p>\n    </div>\n\n    <!-- TITLE -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>@</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"title\" placeholder=\"Email\" />\n    </vx-input-group>\n    <!-- /TITLE -->\n\n    <!-- URL -->\n    <vx-input-group class=\"mb-base\">\n      <vs-input v-model=\"username\" placeholder=\"Username\" />\n\n      <template slot=\"append\">\n        <div class=\"append-text bg-primary\">\n          <span>@url.com</span>\n        </div>\n      </template>\n    </vx-input-group>\n    <!-- /URL -->\n\n    <!-- USERNAME -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>https://pixinvent.com/users/</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"siteUsername\" />\n    </vx-input-group>\n    <!-- /USERNAME -->\n\n    <!-- currency -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>$</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"amount\" />\n\n      <template slot=\"append\">\n        <div class=\"append-text bg-primary\">\n          <span>.00</span>\n        </div>\n      </template>\n    </vx-input-group>\n    <!-- /currency -->\n\n    <!-- Textarea -->\n    <vx-input-group>\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>Description</span>\n        </div>\n      </template>\n\n      <vs-textarea v-model=\"textarea\" />\n    </vx-input-group>\n    <!-- /Textarea -->\n\n    <template slot=\"codeContainer\">\n&lt;tempalte&gt;\n  &lt;!-- TITLE --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;@&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;title&quot; placeholder=&quot;Email&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /TITLE --&gt;\n\n  &lt;!-- URL --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;vs-input v-model=&quot;username&quot; placeholder=&quot;Username&quot; /&gt;\n\n    &lt;template slot=&quot;append&quot;&gt;\n      &lt;div class=&quot;append-text bg-primary&quot;&gt;\n        &lt;span&gt;@url.com&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /URL --&gt;\n\n  &lt;!-- USERNAME --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;https://pixinvent.com/users/&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;siteUsername&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /USERNAME --&gt;\n\n  &lt;!-- currency --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;$&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;amount&quot; /&gt;\n\n    &lt;template slot=&quot;append&quot;&gt;\n      &lt;div class=&quot;append-text bg-primary&quot;&gt;\n        &lt;span&gt;.00&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /currency --&gt;\n\n  &lt;!-- Textarea --&gt;\n  &lt;vx-input-group&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;Description&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-textarea v-model=&quot;textarea&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /Textarea --&gt;\n&lt;/tempalte&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      title: &apos;&apos;,\n      username: &apos;&apos;,\n      siteUsername: &apos;&apos;,\n      amount: &apos;&apos;,\n      textarea: &apos;&apos;,\n    }\n  }\n}\n&lt;/script&gt;\n    </template>\n\n  </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      title: '',\n      username: '',\n      siteUsername: '',\n      amount: '',\n      textarea: ''\n    }\n  }\n}\n</script>\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!./FormInputGroupBasic.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!./FormInputGroupBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupBasic.vue?vue&type=template&id=72e9a6ac&\"\nimport script from \"./FormInputGroupBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupBasic.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\":\"Sizing\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mb-base\"},[_c('span',[_vm._v(\"You can use \"),_c('code',[_vm._v(\"size\")]),_vm._v(\" prop of \"),_c('code',[_vm._v(\"vs-input\")]),_vm._v(\" component to change size of input group.\")])]),_c('vx-input-group',{staticClass:\"mb-base\"},[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text bg-primary\"},[_c('span',[_vm._v(\"Small\")])])]),_c('vs-input',{attrs:{\"size\":\"small\"},model:{value:(_vm.input1),callback:function ($$v) {_vm.input1=$$v},expression:\"input1\"}})],2),_c('vx-input-group',{staticClass:\"mb-base\"},[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text bg-primary\"},[_c('span',[_vm._v(\"Default\")])])]),_c('vs-input',{model:{value:(_vm.input2),callback:function ($$v) {_vm.input2=$$v},expression:\"input2\"}})],2),_c('vx-input-group',{staticClass:\"mb-base\"},[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text bg-primary\"},[_c('span',[_vm._v(\"Large\")])])]),_c('vs-input',{attrs:{\"size\":\"large\"},model:{value:(_vm.input3),callback:function ($$v) {_vm.input3=$$v},expression:\"input3\"}})],2),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <!-- SMALL -->\\n  <vx-input-group class=\\\"mb-base\\\">\\n    <template slot=\\\"prepend\\\">\\n      <div class=\\\"prepend-text bg-primary\\\">\\n        <span>Small</span>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\\\"input1\\\" size=\\\"small\\\" />\\n  </vx-input-group>\\n  <!-- /SMALL -->\\n\\n  <!-- DEFAULT -->\\n  <vx-input-group class=\\\"mb-base\\\">\\n    <template slot=\\\"prepend\\\">\\n      <div class=\\\"prepend-text bg-primary\\\">\\n        <span>Default</span>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\\\"input2\\\" />\\n  </vx-input-group>\\n  <!-- /DEFAULT -->\\n\\n  <!-- LARGE -->\\n  <vx-input-group class=\\\"mb-base\\\">\\n    <template slot=\\\"prepend\\\">\\n      <div class=\\\"prepend-text bg-primary\\\">\\n        <span>Large</span>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\\\"input3\\\" size=\\\"large\\\" />\\n  </vx-input-group>\\n  <!-- /LARGE -->\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      input1: '',\\n      input2: '',\\n      input3: ''\\n    }\\n  }\\n}\\n</script>\\n    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vx-card title=\"Sizing\" code-toggler>\n\n    <div class=\"mb-base\">\n      <span>You can use <code>size</code> prop of <code>vs-input</code> component to change size of input group.</span>\n    </div>\n\n    <!-- SMALL -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>Small</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input1\" size=\"small\" />\n    </vx-input-group>\n    <!-- /SMALL -->\n\n    <!-- DEFAULT -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>Default</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input2\" />\n    </vx-input-group>\n    <!-- /DEFAULT -->\n\n    <!-- LARGE -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>Large</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input3\" size=\"large\" />\n    </vx-input-group>\n    <!-- /LARGE -->\n\n    <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;!-- SMALL --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;Small&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;input1&quot; size=&quot;small&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /SMALL --&gt;\n\n  &lt;!-- DEFAULT --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;Default&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;input2&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /DEFAULT --&gt;\n\n  &lt;!-- LARGE --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;Large&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;input3&quot; size=&quot;large&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /LARGE --&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      input1: &apos;&apos;,\n      input2: &apos;&apos;,\n      input3: &apos;&apos;\n    }\n  }\n}\n&lt;/script&gt;\n    </template>\n\n  </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      input1: '',\n      input2: '',\n      input3: ''\n    }\n  }\n}\n</script>\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!./FormInputGroupSizing.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!./FormInputGroupSizing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupSizing.vue?vue&type=template&id=0d8de458&\"\nimport script from \"./FormInputGroupSizing.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupSizing.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\":\"Form Elements\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mb-base\"},[_c('p',[_vm._v(\"You can also add form elements to prepend/append slot. Using \"),_c('strong',[_vm._v(\"tailwind css\")]),_vm._v(\", you can tune appearance as you like.\")])]),_c('vx-input-group',{staticClass:\"mb-base form-element-demo\",attrs:{\"prependClasses\":\"border border-solid form-element-border border-r-0\"}},[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text\"},[_c('vs-checkbox',{model:{value:(_vm.checkbox1),callback:function ($$v) {_vm.checkbox1=$$v},expression:\"checkbox1\"}})],1)]),_c('vs-input',{model:{value:(_vm.input1),callback:function ($$v) {_vm.input1=$$v},expression:\"input1\"}})],2),_c('vx-input-group',{staticClass:\"mb-base form-element-demo\",attrs:{\"prependClasses\":\"border border-solid form-element-border border-r-0\"}},[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text\"},[_c('vs-radio',{attrs:{\"vs-value\":\"radio1\"},model:{value:(_vm.radios1),callback:function ($$v) {_vm.radios1=$$v},expression:\"radios1\"}})],1)]),_c('vs-input',{model:{value:(_vm.input2),callback:function ($$v) {_vm.input2=$$v},expression:\"input2\"}})],2),_c('vx-input-group',{staticClass:\"mb-base form-element-demo\",attrs:{\"prependClasses\":\"border border-solid form-element-border border-r-0\"}},[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text\"},[_c('vs-switch',{model:{value:(_vm.switch1),callback:function ($$v) {_vm.switch1=$$v},expression:\"switch1\"}})],1)]),_c('vs-input',{model:{value:(_vm.input3),callback:function ($$v) {_vm.input3=$$v},expression:\"input3\"}})],2),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <!-- CHECKBOX -->\\n  <vx-input-group class=\\\"mb-base\\\" prependClasses=\\\"border border-solid border-grey border-r-0\\\">\\n    <template slot=\\\"prepend\\\">\\n      <div class=\\\"prepend-text\\\">\\n        <vs-checkbox v-model=\\\"checkbox1\\\"></vs-checkbox>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\\\"input1\\\" />\\n  </vx-input-group>\\n  <!-- /CHECKBOX -->\\n\\n  <!-- RADIO -->\\n  <vx-input-group class=\\\"mb-base\\\" prependClasses=\\\"border border-solid border-grey border-r-0\\\">\\n    <template slot=\\\"prepend\\\">\\n      <div class=\\\"prepend-text\\\">\\n        <vs-radio v-model=\\\"radios1\\\" vs-value=\\\"radio1\\\"></vs-radio>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\\\"input2\\\" />\\n  </vx-input-group>\\n  <!-- /RADIO -->\\n\\n  <!-- SWITCH -->\\n  <vx-input-group class=\\\"mb-base\\\" prependClasses=\\\"border border-solid border-grey border-r-0\\\">\\n    <template slot=\\\"prepend\\\">\\n      <div class=\\\"prepend-text\\\">\\n        <vs-switch v-model=\\\"switch1\\\" />\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\\\"input3\\\" />\\n  </vx-input-group>\\n  <!-- /SWITCH -->\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      checkbox1: false,\\n      radios1: null,\\n      switch1: false,\\n      input1: '',\\n      input2: '',\\n      input3: ''\\n    }\\n  }\\n}\\n</script>\\n\\n<style lang=\\\"scss\\\">\\n.vx-input-group {\\n  .vx-input-group-prepend.form-element-border {\\n    border-color: rgba(0,0,0,0.25);\\n  }\\n\\n}\\n\\n.theme-dark {\\n  .vx-input-group {\\n    .vx-input-group-prepend.form-element-border {\\n      border-color: rgba(255,255,255,0.25);\\n    }\\n\\n    .vs-inputx {\\n      border-color: rgba(255,255,255,0.25) !important;\\n    }\\n  }\\n}\\n</style>\\n    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vx-card title=\"Form Elements\" code-toggler>\n\n    <div class=\"mb-base\">\n      <p>You can also add form elements to prepend/append slot. Using <strong>tailwind css</strong>, you can tune appearance as you like.</p>\n    </div>\n\n    <!-- CHECKBOX -->\n    <vx-input-group class=\"mb-base form-element-demo\" prependClasses=\"border border-solid form-element-border border-r-0\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text\">\n          <vs-checkbox v-model=\"checkbox1\"></vs-checkbox>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input1\" />\n    </vx-input-group>\n    <!-- /CHECKBOX -->\n\n    <!-- RADIO -->\n    <vx-input-group class=\"mb-base form-element-demo\" prependClasses=\"border border-solid form-element-border border-r-0\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text\">\n          <vs-radio v-model=\"radios1\" vs-value=\"radio1\"></vs-radio>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input2\" />\n    </vx-input-group>\n    <!-- /RADIO -->\n\n    <!-- SWITCH -->\n    <vx-input-group class=\"mb-base form-element-demo\" prependClasses=\"border border-solid form-element-border border-r-0\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text\">\n          <vs-switch v-model=\"switch1\" />\n        </div>\n      </template>\n\n      <vs-input v-model=\"input3\" />\n    </vx-input-group>\n    <!-- /SWITCH -->\n\n    <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;!-- CHECKBOX --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot; prependClasses=&quot;border border-solid border-grey border-r-0&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text&quot;&gt;\n        &lt;vs-checkbox v-model=&quot;checkbox1&quot;&gt;&lt;/vs-checkbox&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;input1&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /CHECKBOX --&gt;\n\n  &lt;!-- RADIO --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot; prependClasses=&quot;border border-solid border-grey border-r-0&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text&quot;&gt;\n        &lt;vs-radio v-model=&quot;radios1&quot; vs-value=&quot;radio1&quot;&gt;&lt;/vs-radio&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;input2&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /RADIO --&gt;\n\n  &lt;!-- SWITCH --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot; prependClasses=&quot;border border-solid border-grey border-r-0&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text&quot;&gt;\n        &lt;vs-switch v-model=&quot;switch1&quot; /&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;input3&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /SWITCH --&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      checkbox1: false,\n      radios1: null,\n      switch1: false,\n      input1: &apos;&apos;,\n      input2: &apos;&apos;,\n      input3: &apos;&apos;\n    }\n  }\n}\n&lt;/script&gt;\n\n&#x3C;style lang=&#x22;scss&#x22;&#x3E;\n.vx-input-group {\n  .vx-input-group-prepend.form-element-border {\n    border-color: rgba(0,0,0,0.25);\n  }\n\n}\n\n.theme-dark {\n  .vx-input-group {\n    .vx-input-group-prepend.form-element-border {\n      border-color: rgba(255,255,255,0.25);\n    }\n\n    .vs-inputx {\n      border-color: rgba(255,255,255,0.25) !important;\n    }\n  }\n}\n&#x3C;/style&#x3E;\n    </template>\n\n  </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      checkbox1: false,\n      radios1: null,\n      switch1: false,\n      input1: '',\n      input2: '',\n      input3: ''\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.vx-input-group.form-element-demo {\n  .vx-input-group-prepend.form-element-border {\n    border-color: rgba(0,0,0,0.25);\n  }\n\n}\n\n.theme-dark {\n  .vx-input-group.form-element-demo {\n    .vx-input-group-prepend.form-element-border {\n      border-color: rgba(255,255,255,0.25);\n    }\n\n    .vs-inputx {\n      border-color: rgba(255,255,255,0.25) !important;\n    }\n  }\n}\n</style>\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!./FormInputGroupFormElements.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!./FormInputGroupFormElements.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupFormElements.vue?vue&type=template&id=fc8b0456&\"\nimport script from \"./FormInputGroupFormElements.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupFormElements.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FormInputGroupFormElements.vue?vue&type=style&index=0&lang=scss&\"\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\":\"Multiple Addons\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mb-base\"},[_c('p',[_c('code',[_vm._v(\"vx-input-group\")]),_vm._v(\" component provides various options to create desired form input group.\")])]),_c('vx-input-group',{staticClass:\"mb-base\"},[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text bg-primary\"},[_c('span',[_vm._v(\"$\")])]),_c('div',{staticClass:\"prepend-text bg-primary\"},[_c('span',[_vm._v(\"0.00\")])])]),_c('vs-input',{model:{value:(_vm.title1),callback:function ($$v) {_vm.title1=$$v},expression:\"title1\"}})],2),_c('vx-input-group',{staticClass:\"mb-base\"},[_c('template',{slot:\"append\"},[_c('div',{staticClass:\"append-text bg-primary\"},[_c('span',[_vm._v(\"$\")])]),_c('div',{staticClass:\"append-text bg-primary\"},[_c('span',[_vm._v(\"0.00\")])])]),_c('vs-input',{model:{value:(_vm.title2),callback:function ($$v) {_vm.title2=$$v},expression:\"title2\"}})],2),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div>\\n    <!-- ADDONS PREPEND -->\\n    <vx-input-group class=\\\"mb-base\\\">\\n      <template slot=\\\"prepend\\\">\\n        <div class=\\\"prepend-text bg-primary\\\">\\n          <span>$</span>\\n        </div>\\n        <div class=\\\"prepend-text bg-primary\\\">\\n          <span>0.00</span>\\n        </div>\\n      </template>\\n\\n      <vs-input v-model=\\\"title1\\\" />\\n    </vx-input-group>\\n    <!-- /ADDONS PREPEND -->\\n\\n    <!-- ADDONS APPEND -->\\n    <vx-input-group class=\\\"mb-base\\\">\\n      <template slot=\\\"append\\\">\\n        <div class=\\\"append-text bg-primary\\\">\\n          <span>$</span>\\n        </div>\\n        <div class=\\\"append-text bg-primary\\\">\\n          <span>0.00</span>\\n        </div>\\n      </template>\\n\\n      <vs-input v-model=\\\"title2\\\" />\\n    </vx-input-group>\\n    <!-- /ADDONS APPEND -->\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      title1: '',\\n      title2: '',\\n    }\\n  }\\n}\\n</script>\\n    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vx-card title=\"Multiple Addons\" code-toggler>\n\n    <div class=\"mb-base\">\n      <p><code>vx-input-group</code> component provides various options to create desired form input group.</p>\n    </div>\n\n    <!-- ADDONS PREPEND -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>$</span>\n        </div>\n        <div class=\"prepend-text bg-primary\">\n          <span>0.00</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"title1\" />\n    </vx-input-group>\n    <!-- /ADDONS PREPEND -->\n\n    <!-- ADDONS APPEND -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"append\">\n        <div class=\"append-text bg-primary\">\n          <span>$</span>\n        </div>\n        <div class=\"append-text bg-primary\">\n          <span>0.00</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"title2\" />\n    </vx-input-group>\n    <!-- /ADDONS APPEND -->\n\n    <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div&gt;\n    &lt;!-- ADDONS PREPEND --&gt;\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n      &lt;template slot=&quot;prepend&quot;&gt;\n        &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n          &lt;span&gt;$&lt;/span&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n          &lt;span&gt;0.00&lt;/span&gt;\n        &lt;/div&gt;\n      &lt;/template&gt;\n\n      &lt;vs-input v-model=&quot;title1&quot; /&gt;\n    &lt;/vx-input-group&gt;\n    &lt;!-- /ADDONS PREPEND --&gt;\n\n    &lt;!-- ADDONS APPEND --&gt;\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n      &lt;template slot=&quot;append&quot;&gt;\n        &lt;div class=&quot;append-text bg-primary&quot;&gt;\n          &lt;span&gt;$&lt;/span&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;append-text bg-primary&quot;&gt;\n          &lt;span&gt;0.00&lt;/span&gt;\n        &lt;/div&gt;\n      &lt;/template&gt;\n\n      &lt;vs-input v-model=&quot;title2&quot; /&gt;\n    &lt;/vx-input-group&gt;\n    &lt;!-- /ADDONS APPEND --&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      title1: &apos;&apos;,\n      title2: &apos;&apos;,\n    }\n  }\n}\n&lt;/script&gt;\n    </template>\n\n  </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      title1: '',\n      title2: ''\n    }\n  }\n}\n</script>\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!./FormInputGroupMultipleAddons.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!./FormInputGroupMultipleAddons.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupMultipleAddons.vue?vue&type=template&id=68c6a48e&\"\nimport script from \"./FormInputGroupMultipleAddons.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupMultipleAddons.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\":\"Button addons\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mb-base\"},[_c('span',[_vm._v(\"You can also use button as addons to your input\")])]),_c('vx-input-group',{staticClass:\"mb-base\"},[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text btn-addon\"},[_c('vs-button',{attrs:{\"color\":\"primary\"}},[_vm._v(\"Button\")])],1)]),_c('vs-input',{model:{value:(_vm.input1),callback:function ($$v) {_vm.input1=$$v},expression:\"input1\"}})],2),_c('vx-input-group',{staticClass:\"mb-base\"},[_c('vs-input',{model:{value:(_vm.input2),callback:function ($$v) {_vm.input2=$$v},expression:\"input2\"}}),_c('template',{slot:\"append\"},[_c('div',{staticClass:\"append-text btn-addon\"},[_c('vs-button',{attrs:{\"color\":\"primary\"}},[_vm._v(\"Button\")])],1)])],2),_c('vx-input-group',{staticClass:\"mb-base\"},[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text btn-addon\"},[_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"border\"}},[_vm._v(\"Button1\")]),_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"border\"}},[_vm._v(\"Button2\")])],1)]),_c('vs-input',{model:{value:(_vm.input3),callback:function ($$v) {_vm.input3=$$v},expression:\"input3\"}})],2),_c('vx-input-group',{staticClass:\"mb-base\"},[_c('vs-input',{model:{value:(_vm.input4),callback:function ($$v) {_vm.input4=$$v},expression:\"input4\"}}),_c('template',{slot:\"append\"},[_c('div',{staticClass:\"append-text btn-addon\"},[_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"border\"}},[_vm._v(\"Button1\")]),_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"border\"}},[_vm._v(\"Button2\")])],1)])],2),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div>\\n    <!-- Basic -->\\n    <vx-input-group class=\\\"mb-base\\\">\\n      <template slot=\\\"prepend\\\">\\n        <div class=\\\"prepend-text btn-addon\\\">\\n          <vs-button color=\\\"primary\\\">Button</vs-button>\\n        </div>\\n      </template>\\n\\n      <vs-input v-model=\\\"input1\\\" />\\n    </vx-input-group>\\n    <!-- /Basic -->\\n\\n    <!-- Append Button -->\\n    <vx-input-group class=\\\"mb-base\\\">\\n      <vs-input v-model=\\\"input2\\\" />\\n\\n      <template slot=\\\"append\\\">\\n        <div class=\\\"append-text btn-addon\\\">\\n          <vs-button color=\\\"primary\\\">Button</vs-button>\\n        </div>\\n      </template>\\n    </vx-input-group>\\n    <!-- /Append Button -->\\n\\n    <!-- Prepend Two Buttons -->\\n    <vx-input-group class=\\\"mb-base\\\">\\n      <template slot=\\\"prepend\\\">\\n        <div class=\\\"prepend-text btn-addon\\\">\\n          <vs-button color=\\\"primary\\\" type=\\\"border\\\">Button1</vs-button>\\n          <vs-button color=\\\"primary\\\" type=\\\"border\\\">Button2</vs-button>\\n        </div>\\n      </template>\\n\\n      <vs-input v-model=\\\"input3\\\" />\\n    </vx-input-group>\\n    <!-- /Prepend Two Buttons -->\\n\\n    <!-- Append Two Buttons -->\\n    <vx-input-group class=\\\"mb-base\\\">\\n      <vs-input v-model=\\\"input4\\\" />\\n\\n      <template slot=\\\"append\\\">\\n        <div class=\\\"append-text btn-addon\\\">\\n          <vs-button color=\\\"primary\\\" type=\\\"border\\\">Button1</vs-button>\\n          <vs-button color=\\\"primary\\\" type=\\\"border\\\">Button2</vs-button>\\n        </div>\\n      </template>\\n    </vx-input-group>\\n    <!-- /Append Two Buttons -->\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      input1: '',\\n      input2: '',\\n      input3: '',\\n      input4: ''\\n    }\\n  }\\n}\\n</script>\\n    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vx-card title=\"Button addons\" code-toggler>\n\n    <div class=\"mb-base\">\n      <span>You can also use button as addons to your input</span>\n    </div>\n\n    <!-- Basic -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text btn-addon\">\n          <vs-button color=\"primary\">Button</vs-button>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input1\" />\n    </vx-input-group>\n    <!-- /Basic -->\n\n    <!-- Append Button -->\n    <vx-input-group class=\"mb-base\">\n      <vs-input v-model=\"input2\" />\n\n      <template slot=\"append\">\n        <div class=\"append-text btn-addon\">\n          <vs-button color=\"primary\">Button</vs-button>\n        </div>\n      </template>\n    </vx-input-group>\n    <!-- /Append Button -->\n\n    <!-- Prepend Two Buttons -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text btn-addon\">\n          <vs-button color=\"primary\" type=\"border\">Button1</vs-button>\n          <vs-button color=\"primary\" type=\"border\">Button2</vs-button>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input3\" />\n    </vx-input-group>\n    <!-- /Prepend Two Buttons -->\n\n    <!-- Append Two Buttons -->\n    <vx-input-group class=\"mb-base\">\n      <vs-input v-model=\"input4\" />\n\n      <template slot=\"append\">\n        <div class=\"append-text btn-addon\">\n          <vs-button color=\"primary\" type=\"border\">Button1</vs-button>\n          <vs-button color=\"primary\" type=\"border\">Button2</vs-button>\n        </div>\n      </template>\n    </vx-input-group>\n    <!-- /Append Two Buttons -->\n\n    <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div&gt;\n    &lt;!-- Basic --&gt;\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n      &lt;template slot=&quot;prepend&quot;&gt;\n        &lt;div class=&quot;prepend-text btn-addon&quot;&gt;\n          &lt;vs-button color=&quot;primary&quot;&gt;Button&lt;/vs-button&gt;\n        &lt;/div&gt;\n      &lt;/template&gt;\n\n      &lt;vs-input v-model=&quot;input1&quot; /&gt;\n    &lt;/vx-input-group&gt;\n    &lt;!-- /Basic --&gt;\n\n    &lt;!-- Append Button --&gt;\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n      &lt;vs-input v-model=&quot;input2&quot; /&gt;\n\n      &lt;template slot=&quot;append&quot;&gt;\n        &lt;div class=&quot;append-text btn-addon&quot;&gt;\n          &lt;vs-button color=&quot;primary&quot;&gt;Button&lt;/vs-button&gt;\n        &lt;/div&gt;\n      &lt;/template&gt;\n    &lt;/vx-input-group&gt;\n    &lt;!-- /Append Button --&gt;\n\n    &lt;!-- Prepend Two Buttons --&gt;\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n      &lt;template slot=&quot;prepend&quot;&gt;\n        &lt;div class=&quot;prepend-text btn-addon&quot;&gt;\n          &lt;vs-button color=&quot;primary&quot; type=&quot;border&quot;&gt;Button1&lt;/vs-button&gt;\n          &lt;vs-button color=&quot;primary&quot; type=&quot;border&quot;&gt;Button2&lt;/vs-button&gt;\n        &lt;/div&gt;\n      &lt;/template&gt;\n\n      &lt;vs-input v-model=&quot;input3&quot; /&gt;\n    &lt;/vx-input-group&gt;\n    &lt;!-- /Prepend Two Buttons --&gt;\n\n    &lt;!-- Append Two Buttons --&gt;\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n      &lt;vs-input v-model=&quot;input4&quot; /&gt;\n\n      &lt;template slot=&quot;append&quot;&gt;\n        &lt;div class=&quot;append-text btn-addon&quot;&gt;\n          &lt;vs-button color=&quot;primary&quot; type=&quot;border&quot;&gt;Button1&lt;/vs-button&gt;\n          &lt;vs-button color=&quot;primary&quot; type=&quot;border&quot;&gt;Button2&lt;/vs-button&gt;\n        &lt;/div&gt;\n      &lt;/template&gt;\n    &lt;/vx-input-group&gt;\n    &lt;!-- /Append Two Buttons --&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      input1: &apos;&apos;,\n      input2: &apos;&apos;,\n      input3: &apos;&apos;,\n      input4: &apos;&apos;\n    }\n  }\n}\n&lt;/script&gt;\n    </template>\n\n  </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      input1: '',\n      input2: '',\n      input3: '',\n      input4: ''\n    }\n  }\n}\n</script>\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!./FormInputGroupButtonAddons.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!./FormInputGroupButtonAddons.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupButtonAddons.vue?vue&type=template&id=5fcd210e&\"\nimport script from \"./FormInputGroupButtonAddons.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupButtonAddons.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","<template>\n  <div id=\"input-group-demo\">\n    <form-input-group-basic></form-input-group-basic>\n    <form-input-group-sizing></form-input-group-sizing>\n    <form-input-group-form-elements></form-input-group-form-elements>\n    <form-input-group-multiple-addons></form-input-group-multiple-addons>\n    <form-input-group-button-addons></form-input-group-button-addons>\n  </div>\n</template>\n\n<script>\nimport FormInputGroupBasic from './FormInputGroupBasic.vue'\nimport FormInputGroupSizing from './FormInputGroupSizing.vue'\nimport FormInputGroupFormElements from './FormInputGroupFormElements.vue'\nimport FormInputGroupMultipleAddons from './FormInputGroupMultipleAddons.vue'\nimport FormInputGroupButtonAddons from './FormInputGroupButtonAddons.vue'\n\nexport default {\n  components: {\n    FormInputGroupBasic,\n    FormInputGroupSizing,\n    FormInputGroupFormElements,\n    FormInputGroupButtonAddons,\n    FormInputGroupMultipleAddons\n  }\n}\n</script>\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!./FormInputGroup.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!./FormInputGroup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroup.vue?vue&type=template&id=26dea8be&\"\nimport script from \"./FormInputGroup.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroup.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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupFormElements.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}