\n\n\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CodeView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CodeView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CodeView.vue?vue&type=template&id=d5dd5dd2&\"\nimport script from \"./CodeView.vue?vue&type=script&lang=js&\"\nexport * from \"./CodeView.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('div',{staticClass:\"p-6\"},[_c('h1',{staticClass:\"text-3xl my-2\"},[_vm._v(\"Rating\")]),_c('p',[_vm._v(\"For the name of the icons, for a better behavior please use the filled icons. For the colors, use a normal color string or hexadecimal string.\")]),_c('h1',{staticClass:\"text-lg my-1\"},[_vm._v(\"Normal\")]),_c('te-rating',{attrs:{\"quantity\":10,\"spacing\":2,\"has-half-values\":true},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('p',[_vm._v(\"Value \"+_vm._s(_vm.value))]),_c('te-rating',{attrs:{\"icon\":\"heart-fill\",\"color\":\"red\",\"quantity\":5,\"spacing\":1,\"has-half-values\":false}}),_c('code-view',{attrs:{\"code\":_vm.code[0]}}),_c('h1',{staticClass:\"text-lg my-1\"},[_vm._v(\"Clearable\")]),_c('te-rating',{attrs:{\"icon\":\"circle-fill\",\"color\":\"#ff3399\",\"quantity\":6,\"clearable\":\"\",\"has-half-values\":true},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('p',[_vm._v(\"Value \"+_vm._s(_vm.value2))]),_c('code-view',{attrs:{\"code\":_vm.code[1]}}),_c('h1',{staticClass:\"text-lg my-1\"},[_vm._v(\"Disabled\")]),_c('te-rating',{attrs:{\"value\":1,\"icon\":\"chat-fill\",\"quantity\":5,\"disabled\":\"\",\"has-half-values\":true}}),_c('code-view',{attrs:{\"code\":_vm.code[2]}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n {{ code }}\n
\n\n \n\n
For the name of the icons, for a better behavior please use the filled icons. For the colors, use a normal color string or hexadecimal string.
\nValue {{value}}
\nValue {{value2}}
\n