{"version":3,"sources":["webpack:///./src/views/forms/form-input-group/FormInputGroup.vue?4838","webpack:///./src/views/forms/form-input-group/FormInputGroupBasic.vue?cc59","webpack:///src/views/forms/form-input-group/FormInputGroupBasic.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupBasic.vue?092f","webpack:///./src/views/forms/form-input-group/FormInputGroupBasic.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupSizing.vue?f14d","webpack:///src/views/forms/form-input-group/FormInputGroupSizing.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupSizing.vue?5ea7","webpack:///./src/views/forms/form-input-group/FormInputGroupSizing.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?ec62","webpack:///src/views/forms/form-input-group/FormInputGroupFormElements.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?b1ed","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?7229","webpack:///./src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue?fc72","webpack:///src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue?104e","webpack:///./src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupButtonAddons.vue?6075","webpack:///src/views/forms/form-input-group/FormInputGroupButtonAddons.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupButtonAddons.vue?e506","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?36fd","webpack:///./src/views/forms/form-input-group/FormInputGroup.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?dab3"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","id","staticRenderFns","FormInputGroupBasicvue_type_template_id_71ef2796_render","title","code-toggler","staticClass","_v","slot","placeholder","model","value","callback","$$v","expression","username","siteUsername","amount","textarea","FormInputGroupBasicvue_type_template_id_71ef2796_staticRenderFns","FormInputGroupBasicvue_type_script_lang_js_","data","form_input_group_FormInputGroupBasicvue_type_script_lang_js_","component","Object","componentNormalizer","FormInputGroupBasic","FormInputGroupSizingvue_type_template_id_64ef0b82_render","size","input1","input2","input3","FormInputGroupSizingvue_type_template_id_64ef0b82_staticRenderFns","FormInputGroupSizingvue_type_script_lang_js_","form_input_group_FormInputGroupSizingvue_type_script_lang_js_","FormInputGroupSizing_component","FormInputGroupSizing","FormInputGroupFormElementsvue_type_template_id_6ec0a914_render","prependClasses","checkbox1","vs-value","radios1","switch1","FormInputGroupFormElementsvue_type_template_id_6ec0a914_staticRenderFns","FormInputGroupFormElementsvue_type_script_lang_js_","form_input_group_FormInputGroupFormElementsvue_type_script_lang_js_","FormInputGroupFormElements_component","FormInputGroupFormElements","FormInputGroupMultipleAddonsvue_type_template_id_83b5aa32_render","title1","title2","FormInputGroupMultipleAddonsvue_type_template_id_83b5aa32_staticRenderFns","FormInputGroupMultipleAddonsvue_type_script_lang_js_","form_input_group_FormInputGroupMultipleAddonsvue_type_script_lang_js_","FormInputGroupMultipleAddons_component","FormInputGroupMultipleAddons","FormInputGroupButtonAddonsvue_type_template_id_34427649_render","color","type","input4","FormInputGroupButtonAddonsvue_type_template_id_34427649_staticRenderFns","FormInputGroupButtonAddonsvue_type_script_lang_js_","form_input_group_FormInputGroupButtonAddonsvue_type_script_lang_js_","FormInputGroupButtonAddons_component","FormInputGroupButtonAddons","FormInputGroupvue_type_script_lang_js_","components","form_input_group_FormInputGroupvue_type_script_lang_js_","FormInputGroup_component","__webpack_exports__","_node_modules_vue_cli_service_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_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_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___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_vue_cli_service_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_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_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___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/chunk-2a5c408d.86969655.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>\r\n  <vx-card title=\"Basic\" code-toggler>\r\n\r\n    <div class=\"mb-base\">\r\n      <p><code>vx-input-group</code> component provides various options to create desired form input group.</p>\r\n    </div>\r\n\r\n    <!-- TITLE -->\r\n    <vx-input-group class=\"mb-base\">\r\n      <template slot=\"prepend\">\r\n        <div class=\"prepend-text bg-primary\">\r\n          <span>@</span>\r\n        </div>\r\n      </template>\r\n\r\n      <vs-input v-model=\"title\" placeholder=\"Email\" />\r\n    </vx-input-group>\r\n    <!-- /TITLE -->\r\n\r\n    <!-- URL -->\r\n    <vx-input-group class=\"mb-base\">\r\n      <vs-input v-model=\"username\" placeholder=\"Username\" />\r\n\r\n      <template slot=\"append\">\r\n        <div class=\"append-text bg-primary\">\r\n          <span>@url.com</span>\r\n        </div>\r\n      </template>\r\n    </vx-input-group>\r\n    <!-- /URL -->\r\n\r\n    <!-- USERNAME -->\r\n    <vx-input-group class=\"mb-base\">\r\n      <template slot=\"prepend\">\r\n        <div class=\"prepend-text bg-primary\">\r\n          <span>https://pixinvent.com/users/</span>\r\n        </div>\r\n      </template>\r\n\r\n      <vs-input v-model=\"siteUsername\" />\r\n    </vx-input-group>\r\n    <!-- /USERNAME -->\r\n\r\n    <!-- currency -->\r\n    <vx-input-group class=\"mb-base\">\r\n      <template slot=\"prepend\">\r\n        <div class=\"prepend-text bg-primary\">\r\n          <span>$</span>\r\n        </div>\r\n      </template>\r\n\r\n      <vs-input v-model=\"amount\" />\r\n\r\n      <template slot=\"append\">\r\n        <div class=\"append-text bg-primary\">\r\n          <span>.00</span>\r\n        </div>\r\n      </template>\r\n    </vx-input-group>\r\n    <!-- /currency -->\r\n\r\n    <!-- Textarea -->\r\n    <vx-input-group>\r\n      <template slot=\"prepend\">\r\n        <div class=\"prepend-text bg-primary\">\r\n          <span>Description</span>\r\n        </div>\r\n      </template>\r\n\r\n      <vs-textarea v-model=\"textarea\" />\r\n    </vx-input-group>\r\n    <!-- /Textarea -->\r\n\r\n    <template slot=\"codeContainer\">\r\n&lt;tempalte&gt;\r\n  &lt;!-- TITLE --&gt;\r\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\r\n    &lt;template slot=&quot;prepend&quot;&gt;\r\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\r\n        &lt;span&gt;@&lt;/span&gt;\r\n      &lt;/div&gt;\r\n    &lt;/template&gt;\r\n\r\n    &lt;vs-input v-model=&quot;title&quot; placeholder=&quot;Email&quot; /&gt;\r\n  &lt;/vx-input-group&gt;\r\n  &lt;!-- /TITLE --&gt;\r\n\r\n  &lt;!-- URL --&gt;\r\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\r\n    &lt;vs-input v-model=&quot;username&quot; placeholder=&quot;Username&quot; /&gt;\r\n\r\n    &lt;template slot=&quot;append&quot;&gt;\r\n      &lt;div class=&quot;append-text bg-primary&quot;&gt;\r\n        &lt;span&gt;@url.com&lt;/span&gt;\r\n      &lt;/div&gt;\r\n    &lt;/template&gt;\r\n  &lt;/vx-input-group&gt;\r\n  &lt;!-- /URL --&gt;\r\n\r\n  &lt;!-- USERNAME --&gt;\r\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\r\n    &lt;template slot=&quot;prepend&quot;&gt;\r\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\r\n        &lt;span&gt;https://pixinvent.com/users/&lt;/span&gt;\r\n      &lt;/div&gt;\r\n    &lt;/template&gt;\r\n\r\n    &lt;vs-input v-model=&quot;siteUsername&quot; /&gt;\r\n  &lt;/vx-input-group&gt;\r\n  &lt;!-- /USERNAME --&gt;\r\n\r\n  &lt;!-- currency --&gt;\r\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\r\n    &lt;template slot=&quot;prepend&quot;&gt;\r\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\r\n        &lt;span&gt;$&lt;/span&gt;\r\n      &lt;/div&gt;\r\n    &lt;/template&gt;\r\n\r\n    &lt;vs-input v-model=&quot;amount&quot; /&gt;\r\n\r\n    &lt;template slot=&quot;append&quot;&gt;\r\n      &lt;div class=&quot;append-text bg-primary&quot;&gt;\r\n        &lt;span&gt;.00&lt;/span&gt;\r\n      &lt;/div&gt;\r\n    &lt;/template&gt;\r\n  &lt;/vx-input-group&gt;\r\n  &lt;!-- /currency --&gt;\r\n\r\n  &lt;!-- Textarea --&gt;\r\n  &lt;vx-input-group&gt;\r\n    &lt;template slot=&quot;prepend&quot;&gt;\r\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\r\n        &lt;span&gt;Description&lt;/span&gt;\r\n      &lt;/div&gt;\r\n    &lt;/template&gt;\r\n\r\n    &lt;vs-textarea v-model=&quot;textarea&quot; /&gt;\r\n  &lt;/vx-input-group&gt;\r\n  &lt;!-- /Textarea --&gt;\r\n&lt;/tempalte&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      title: &apos;&apos;,\r\n      username: &apos;&apos;,\r\n      siteUsername: &apos;&apos;,\r\n      amount: &apos;&apos;,\r\n      textarea: &apos;&apos;,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n    </template>\r\n\r\n  </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      title: '',\r\n      username: '',\r\n      siteUsername: '',\r\n      amount: '',\r\n      textarea: '',\r\n    }\r\n  }\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!./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/@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!./FormInputGroupBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupBasic.vue?vue&type=template&id=71ef2796&\"\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>\r\n  <vx-card title=\"Sizing\" code-toggler>\r\n\r\n    <div class=\"mb-base\">\r\n      <span>You can use <code>size</code> prop of <code>vs-input</code> component to change size of input group.</span>\r\n    </div>\r\n\r\n    <!-- SMALL -->\r\n    <vx-input-group class=\"mb-base\">\r\n      <template slot=\"prepend\">\r\n        <div class=\"prepend-text bg-primary\">\r\n          <span>Small</span>\r\n        </div>\r\n      </template>\r\n\r\n      <vs-input v-model=\"input1\" size=\"small\" />\r\n    </vx-input-group>\r\n    <!-- /SMALL -->\r\n\r\n    <!-- DEFAULT -->\r\n    <vx-input-group class=\"mb-base\">\r\n      <template slot=\"prepend\">\r\n        <div class=\"prepend-text bg-primary\">\r\n          <span>Default</span>\r\n        </div>\r\n      </template>\r\n\r\n      <vs-input v-model=\"input2\" />\r\n    </vx-input-group>\r\n    <!-- /DEFAULT -->\r\n\r\n    <!-- LARGE -->\r\n    <vx-input-group class=\"mb-base\">\r\n      <template slot=\"prepend\">\r\n        <div class=\"prepend-text bg-primary\">\r\n          <span>Large</span>\r\n        </div>\r\n      </template>\r\n\r\n      <vs-input v-model=\"input3\" size=\"large\" />\r\n    </vx-input-group>\r\n    <!-- /LARGE -->\r\n\r\n    <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;!-- SMALL --&gt;\r\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\r\n    &lt;template slot=&quot;prepend&quot;&gt;\r\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\r\n        &lt;span&gt;Small&lt;/span&gt;\r\n      &lt;/div&gt;\r\n    &lt;/template&gt;\r\n\r\n    &lt;vs-input v-model=&quot;input1&quot; size=&quot;small&quot; /&gt;\r\n  &lt;/vx-input-group&gt;\r\n  &lt;!-- /SMALL --&gt;\r\n\r\n  &lt;!-- DEFAULT --&gt;\r\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\r\n    &lt;template slot=&quot;prepend&quot;&gt;\r\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\r\n        &lt;span&gt;Default&lt;/span&gt;\r\n      &lt;/div&gt;\r\n    &lt;/template&gt;\r\n\r\n    &lt;vs-input v-model=&quot;input2&quot; /&gt;\r\n  &lt;/vx-input-group&gt;\r\n  &lt;!-- /DEFAULT --&gt;\r\n\r\n  &lt;!-- LARGE --&gt;\r\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\r\n    &lt;template slot=&quot;prepend&quot;&gt;\r\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\r\n        &lt;span&gt;Large&lt;/span&gt;\r\n      &lt;/div&gt;\r\n    &lt;/template&gt;\r\n\r\n    &lt;vs-input v-model=&quot;input3&quot; size=&quot;large&quot; /&gt;\r\n  &lt;/vx-input-group&gt;\r\n  &lt;!-- /LARGE --&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      input1: &apos;&apos;,\r\n      input2: &apos;&apos;,\r\n      input3: &apos;&apos;\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n    </template>\r\n\r\n  </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      input1: '',\r\n      input2: '',\r\n      input3: ''\r\n    }\r\n  }\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!./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/@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!./FormInputGroupSizing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupSizing.vue?vue&type=template&id=64ef0b82&\"\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>\r\n  <vx-card title=\"Form Elements\" code-toggler>\r\n\r\n    <div class=\"mb-base\">\r\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>\r\n    </div>\r\n\r\n    <!-- CHECKBOX -->\r\n    <vx-input-group class=\"mb-base form-element-demo\" prependClasses=\"border border-solid form-element-border border-r-0\">\r\n      <template slot=\"prepend\">\r\n        <div class=\"prepend-text\">\r\n          <vs-checkbox v-model=\"checkbox1\"></vs-checkbox>\r\n        </div>\r\n      </template>\r\n\r\n      <vs-input v-model=\"input1\" />\r\n    </vx-input-group>\r\n    <!-- /CHECKBOX -->\r\n\r\n    <!-- RADIO -->\r\n    <vx-input-group class=\"mb-base form-element-demo\" prependClasses=\"border border-solid form-element-border border-r-0\">\r\n      <template slot=\"prepend\">\r\n        <div class=\"prepend-text\">\r\n          <vs-radio v-model=\"radios1\" vs-value=\"radio1\"></vs-radio>\r\n        </div>\r\n      </template>\r\n\r\n      <vs-input v-model=\"input2\" />\r\n    </vx-input-group>\r\n    <!-- /RADIO -->\r\n\r\n    <!-- SWITCH -->\r\n    <vx-input-group class=\"mb-base form-element-demo\" prependClasses=\"border border-solid form-element-border border-r-0\">\r\n      <template slot=\"prepend\">\r\n        <div class=\"prepend-text\">\r\n          <vs-switch v-model=\"switch1\" />\r\n        </div>\r\n      </template>\r\n\r\n      <vs-input v-model=\"input3\" />\r\n    </vx-input-group>\r\n    <!-- /SWITCH -->\r\n\r\n    <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;!-- CHECKBOX --&gt;\r\n  &lt;vx-input-group class=&quot;mb-base&quot; prependClasses=&quot;border border-solid border-grey border-r-0&quot;&gt;\r\n    &lt;template slot=&quot;prepend&quot;&gt;\r\n      &lt;div class=&quot;prepend-text&quot;&gt;\r\n        &lt;vs-checkbox v-model=&quot;checkbox1&quot;&gt;&lt;/vs-checkbox&gt;\r\n      &lt;/div&gt;\r\n    &lt;/template&gt;\r\n\r\n    &lt;vs-input v-model=&quot;input1&quot; /&gt;\r\n  &lt;/vx-input-group&gt;\r\n  &lt;!-- /CHECKBOX --&gt;\r\n\r\n  &lt;!-- RADIO --&gt;\r\n  &lt;vx-input-group class=&quot;mb-base&quot; prependClasses=&quot;border border-solid border-grey border-r-0&quot;&gt;\r\n    &lt;template slot=&quot;prepend&quot;&gt;\r\n      &lt;div class=&quot;prepend-text&quot;&gt;\r\n        &lt;vs-radio v-model=&quot;radios1&quot; vs-value=&quot;radio1&quot;&gt;&lt;/vs-radio&gt;\r\n      &lt;/div&gt;\r\n    &lt;/template&gt;\r\n\r\n    &lt;vs-input v-model=&quot;input2&quot; /&gt;\r\n  &lt;/vx-input-group&gt;\r\n  &lt;!-- /RADIO --&gt;\r\n\r\n  &lt;!-- SWITCH --&gt;\r\n  &lt;vx-input-group class=&quot;mb-base&quot; prependClasses=&quot;border border-solid border-grey border-r-0&quot;&gt;\r\n    &lt;template slot=&quot;prepend&quot;&gt;\r\n      &lt;div class=&quot;prepend-text&quot;&gt;\r\n        &lt;vs-switch v-model=&quot;switch1&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/template&gt;\r\n\r\n    &lt;vs-input v-model=&quot;input3&quot; /&gt;\r\n  &lt;/vx-input-group&gt;\r\n  &lt;!-- /SWITCH --&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      checkbox1: false,\r\n      radios1: null,\r\n      switch1: false,\r\n      input1: &apos;&apos;,\r\n      input2: &apos;&apos;,\r\n      input3: &apos;&apos;\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n\r\n&#x3C;style lang=&#x22;scss&#x22;&#x3E;\r\n.vx-input-group {\r\n  .vx-input-group-prepend.form-element-border {\r\n    border-color: rgba(0,0,0,0.25);\r\n  }\r\n\r\n}\r\n\r\n.theme-dark {\r\n  .vx-input-group {\r\n    .vx-input-group-prepend.form-element-border {\r\n      border-color: rgba(255,255,255,0.25);\r\n    }\r\n\r\n    .vs-inputx {\r\n      border-color: rgba(255,255,255,0.25) !important;\r\n    }\r\n  }\r\n}\r\n&#x3C;/style&#x3E;\r\n    </template>\r\n\r\n  </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      checkbox1: false,\r\n      radios1: null,\r\n      switch1: false,\r\n      input1: '',\r\n      input2: '',\r\n      input3: ''\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.vx-input-group.form-element-demo {\r\n  .vx-input-group-prepend.form-element-border {\r\n    border-color: rgba(0,0,0,0.25);\r\n  }\r\n\r\n}\r\n\r\n.theme-dark {\r\n  .vx-input-group.form-element-demo {\r\n    .vx-input-group-prepend.form-element-border {\r\n      border-color: rgba(255,255,255,0.25);\r\n    }\r\n\r\n    .vs-inputx {\r\n      border-color: rgba(255,255,255,0.25) !important;\r\n    }\r\n  }\r\n}\r\n</style>\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!./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/@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!./FormInputGroupFormElements.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupFormElements.vue?vue&type=template&id=6ec0a914&\"\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>\r\n  <vx-card title=\"Multiple Addons\" code-toggler>\r\n\r\n    <div class=\"mb-base\">\r\n      <p><code>vx-input-group</code> component provides various options to create desired form input group.</p>\r\n    </div>\r\n\r\n    <!-- ADDONS PREPEND -->\r\n    <vx-input-group class=\"mb-base\">\r\n      <template slot=\"prepend\">\r\n        <div class=\"prepend-text bg-primary\">\r\n          <span>$</span>\r\n        </div>\r\n        <div class=\"prepend-text bg-primary\">\r\n          <span>0.00</span>\r\n        </div>\r\n      </template>\r\n\r\n      <vs-input v-model=\"title1\" />\r\n    </vx-input-group>\r\n    <!-- /ADDONS PREPEND -->\r\n\r\n    <!-- ADDONS APPEND -->\r\n    <vx-input-group class=\"mb-base\">\r\n      <template slot=\"append\">\r\n        <div class=\"append-text bg-primary\">\r\n          <span>$</span>\r\n        </div>\r\n        <div class=\"append-text bg-primary\">\r\n          <span>0.00</span>\r\n        </div>\r\n      </template>\r\n\r\n      <vs-input v-model=\"title2\" />\r\n    </vx-input-group>\r\n    <!-- /ADDONS APPEND -->\r\n\r\n    <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div&gt;\r\n    &lt;!-- ADDONS PREPEND --&gt;\r\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\r\n      &lt;template slot=&quot;prepend&quot;&gt;\r\n        &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\r\n          &lt;span&gt;$&lt;/span&gt;\r\n        &lt;/div&gt;\r\n        &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\r\n          &lt;span&gt;0.00&lt;/span&gt;\r\n        &lt;/div&gt;\r\n      &lt;/template&gt;\r\n\r\n      &lt;vs-input v-model=&quot;title1&quot; /&gt;\r\n    &lt;/vx-input-group&gt;\r\n    &lt;!-- /ADDONS PREPEND --&gt;\r\n\r\n    &lt;!-- ADDONS APPEND --&gt;\r\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\r\n      &lt;template slot=&quot;append&quot;&gt;\r\n        &lt;div class=&quot;append-text bg-primary&quot;&gt;\r\n          &lt;span&gt;$&lt;/span&gt;\r\n        &lt;/div&gt;\r\n        &lt;div class=&quot;append-text bg-primary&quot;&gt;\r\n          &lt;span&gt;0.00&lt;/span&gt;\r\n        &lt;/div&gt;\r\n      &lt;/template&gt;\r\n\r\n      &lt;vs-input v-model=&quot;title2&quot; /&gt;\r\n    &lt;/vx-input-group&gt;\r\n    &lt;!-- /ADDONS APPEND --&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      title1: &apos;&apos;,\r\n      title2: &apos;&apos;,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n    </template>\r\n\r\n  </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      title1: '',\r\n      title2: '',\r\n    }\r\n  }\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!./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/@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!./FormInputGroupMultipleAddons.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupMultipleAddons.vue?vue&type=template&id=83b5aa32&\"\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>\r\n  <vx-card title=\"Button addons\" code-toggler>\r\n\r\n    <div class=\"mb-base\">\r\n      <span>You can also use button as addons to your input</span>\r\n    </div>\r\n\r\n    <!-- Basic -->\r\n    <vx-input-group class=\"mb-base\">\r\n      <template slot=\"prepend\">\r\n        <div class=\"prepend-text btn-addon\">\r\n          <vs-button color=\"primary\">Button</vs-button>\r\n        </div>\r\n      </template>\r\n\r\n      <vs-input v-model=\"input1\" />\r\n    </vx-input-group>\r\n    <!-- /Basic -->\r\n\r\n    <!-- Append Button -->\r\n    <vx-input-group class=\"mb-base\">\r\n      <vs-input v-model=\"input2\" />\r\n\r\n      <template slot=\"append\">\r\n        <div class=\"append-text btn-addon\">\r\n          <vs-button color=\"primary\">Button</vs-button>\r\n        </div>\r\n      </template>\r\n    </vx-input-group>\r\n    <!-- /Append Button -->\r\n\r\n    <!-- Prepend Two Buttons -->\r\n    <vx-input-group class=\"mb-base\">\r\n      <template slot=\"prepend\">\r\n        <div class=\"prepend-text btn-addon\">\r\n          <vs-button color=\"primary\" type=\"border\">Button1</vs-button>\r\n          <vs-button color=\"primary\" type=\"border\">Button2</vs-button>\r\n        </div>\r\n      </template>\r\n\r\n      <vs-input v-model=\"input3\" />\r\n    </vx-input-group>\r\n    <!-- /Prepend Two Buttons -->\r\n\r\n    <!-- Append Two Buttons -->\r\n    <vx-input-group class=\"mb-base\">\r\n      <vs-input v-model=\"input4\" />\r\n\r\n      <template slot=\"append\">\r\n        <div class=\"append-text btn-addon\">\r\n          <vs-button color=\"primary\" type=\"border\">Button1</vs-button>\r\n          <vs-button color=\"primary\" type=\"border\">Button2</vs-button>\r\n        </div>\r\n      </template>\r\n    </vx-input-group>\r\n    <!-- /Append Two Buttons -->\r\n\r\n    <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div&gt;\r\n    &lt;!-- Basic --&gt;\r\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\r\n      &lt;template slot=&quot;prepend&quot;&gt;\r\n        &lt;div class=&quot;prepend-text btn-addon&quot;&gt;\r\n          &lt;vs-button color=&quot;primary&quot;&gt;Button&lt;/vs-button&gt;\r\n        &lt;/div&gt;\r\n      &lt;/template&gt;\r\n\r\n      &lt;vs-input v-model=&quot;input1&quot; /&gt;\r\n    &lt;/vx-input-group&gt;\r\n    &lt;!-- /Basic --&gt;\r\n\r\n    &lt;!-- Append Button --&gt;\r\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\r\n      &lt;vs-input v-model=&quot;input2&quot; /&gt;\r\n\r\n      &lt;template slot=&quot;append&quot;&gt;\r\n        &lt;div class=&quot;append-text btn-addon&quot;&gt;\r\n          &lt;vs-button color=&quot;primary&quot;&gt;Button&lt;/vs-button&gt;\r\n        &lt;/div&gt;\r\n      &lt;/template&gt;\r\n    &lt;/vx-input-group&gt;\r\n    &lt;!-- /Append Button --&gt;\r\n\r\n    &lt;!-- Prepend Two Buttons --&gt;\r\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\r\n      &lt;template slot=&quot;prepend&quot;&gt;\r\n        &lt;div class=&quot;prepend-text btn-addon&quot;&gt;\r\n          &lt;vs-button color=&quot;primary&quot; type=&quot;border&quot;&gt;Button1&lt;/vs-button&gt;\r\n          &lt;vs-button color=&quot;primary&quot; type=&quot;border&quot;&gt;Button2&lt;/vs-button&gt;\r\n        &lt;/div&gt;\r\n      &lt;/template&gt;\r\n\r\n      &lt;vs-input v-model=&quot;input3&quot; /&gt;\r\n    &lt;/vx-input-group&gt;\r\n    &lt;!-- /Prepend Two Buttons --&gt;\r\n\r\n    &lt;!-- Append Two Buttons --&gt;\r\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\r\n      &lt;vs-input v-model=&quot;input4&quot; /&gt;\r\n\r\n      &lt;template slot=&quot;append&quot;&gt;\r\n        &lt;div class=&quot;append-text btn-addon&quot;&gt;\r\n          &lt;vs-button color=&quot;primary&quot; type=&quot;border&quot;&gt;Button1&lt;/vs-button&gt;\r\n          &lt;vs-button color=&quot;primary&quot; type=&quot;border&quot;&gt;Button2&lt;/vs-button&gt;\r\n        &lt;/div&gt;\r\n      &lt;/template&gt;\r\n    &lt;/vx-input-group&gt;\r\n    &lt;!-- /Append Two Buttons --&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      input1: &apos;&apos;,\r\n      input2: &apos;&apos;,\r\n      input3: &apos;&apos;,\r\n      input4: &apos;&apos;\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n    </template>\r\n\r\n  </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      input1: '',\r\n      input2: '',\r\n      input3: '',\r\n      input4: ''\r\n    }\r\n  }\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!./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/@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!./FormInputGroupButtonAddons.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupButtonAddons.vue?vue&type=template&id=34427649&\"\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>\r\n  <div id=\"input-group-demo\">\r\n    <form-input-group-basic></form-input-group-basic>\r\n    <form-input-group-sizing></form-input-group-sizing>\r\n    <form-input-group-form-elements></form-input-group-form-elements>\r\n    <form-input-group-multiple-addons></form-input-group-multiple-addons>\r\n    <form-input-group-button-addons></form-input-group-button-addons>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport FormInputGroupBasic from './FormInputGroupBasic.vue'\r\nimport FormInputGroupSizing from './FormInputGroupSizing.vue'\r\nimport FormInputGroupFormElements from './FormInputGroupFormElements.vue'\r\nimport FormInputGroupMultipleAddons from './FormInputGroupMultipleAddons.vue'\r\nimport FormInputGroupButtonAddons from './FormInputGroupButtonAddons.vue'\r\n\r\nexport default {\r\n  components: {\r\n    FormInputGroupBasic,\r\n    FormInputGroupSizing,\r\n    FormInputGroupFormElements,\r\n    FormInputGroupButtonAddons,\r\n    FormInputGroupMultipleAddons,\r\n  }\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!./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/@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!./FormInputGroup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroup.vue?vue&type=template&id=1870b4df&\"\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","import mod from \"-!../../../../node_modules/@vue/cli-service/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/lib/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/lib/loader.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&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-service/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/lib/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/lib/loader.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":""}