{"version":3,"file":"141.js","sources":["webpack:///src/views/forms/form-elements/radio/Radio.vue","webpack:///src/views/forms/form-elements/radio/RadioColor.vue","webpack:///src/views/forms/form-elements/radio/RadioDefault.vue","webpack:///./src/views/forms/form-elements/radio/Radio.vue","webpack:///./src/views/forms/form-elements/radio/RadioColor.vue","webpack:///./src/views/forms/form-elements/radio/RadioDefault.vue","webpack:///./src/views/forms/form-elements/radio/Radio.vue?9f75","webpack:///./src/views/forms/form-elements/radio/Radio.vue?3c4a","webpack:///./src/views/forms/form-elements/radio/Radio.vue?db8f","webpack:///./src/views/forms/form-elements/radio/RadioColor.vue?6956","webpack:///./src/views/forms/form-elements/radio/RadioColor.vue?7011","webpack:///./src/views/forms/form-elements/radio/RadioColor.vue?b68b","webpack:///./src/views/forms/form-elements/radio/RadioDefault.vue?ed60","webpack:///./src/views/forms/form-elements/radio/RadioDefault.vue?a18e","webpack:///./src/views/forms/form-elements/radio/RadioDefault.vue?67b3"],"sourcesContent":["\n\n\n\n You can change the color with the property To implement a radio button you just add the color
. You are able to use the \n
\n\n \n\n<template>\n <ul class="centerx">\n <li>\n <vs-radio v-model="radios2" vs-value="primary">Primary</vs-radio>\n </li>\n <li>\n <vs-radio color="success" v-model="radios2" vs-value="Success">Success</vs-radio>\n </li>\n <li>\n <vs-radio color="danger" v-model="radios2" vs-value="Danger">Danger</vs-radio>\n </li>\n <li>\n <vs-radio color="warning" v-model="radios2" vs-value="Warning">Warning</vs-radio>\n </li>\n <li>\n <vs-radio color="dark" v-model="radios2" vs-value="Dark">Dark</vs-radio>\n </li>\n <li>\n <vs-radio color="rgb(87, 251, 187)" v-model="radios2" vs-value="RGB">RGB</vs-radio>\n </li>\n <li>\n <vs-radio color="#e48346" v-model="radios2" vs-value="HEX">HEX</vs-radio>\n </li>\n <li class="modelx">\n {{ \"\\{\\{ radios2 \\}\\}\" }}}\n </li>\n </ul>\n</template>\n\n<script>\nexport default {\n data(){\n return {\n radios2:'primary',\n }\n }\n}\n</script>\n\n \n vs-radio
component and add a v-model
\n
\n\n \n\n<ul class="centerx">\n <li>\n <vs-radio v-model="radios1" vs-value="luis">Luis</vs-radio>\n </li>\n <li>\n <vs-radio v-model="radios1" vs-value="carols">Carols</vs-radio>\n </li>\n <li>\n <vs-radio v-model="radios1" vs-value="summer">Summer</vs-radio>\n </li>\n <li>\n <vs-radio disabled="true" v-model="radios1" vs-value="lyon">Lyon - disabled</vs-radio>\n </li>\n <li class="modelx">\n {{ \"\\{\\{ radios1 \\}\\}\" }}\n </li>\n</ul>\n\n<script>\nexport default {\n data(){\n return {\n radios1:'luis',\n }\n }\n}\n</script>\n\n \n \\n
\\n\\n\\n\\n\\n \"\n ),\n ]),\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"vx-card\",\n { attrs: { title: \"Default\", \"code-toggler\": \"\" } },\n [\n _c(\"p\", [\n _vm._v(\"To implement a radio button you just add the \"),\n _c(\"code\", [_vm._v(\"vs-radio\")]),\n _vm._v(\" component and add a \"),\n _c(\"code\", [_vm._v(\"v-model\")]),\n ]),\n _c(\n \"vs-alert\",\n {\n staticClass: \"mt-5\",\n attrs: { icon: \"warning\", active: \"true\", color: \"warning\" },\n },\n [\n _c(\"span\", [\n _vm._v(\"The \"),\n _c(\"strong\", [_vm._v(\"Radio Button\")]),\n _vm._v(\" is always going to replace the current value.\"),\n ]),\n ]\n ),\n _c(\"ul\", { staticClass: \"demo-alignment\" }, [\n _c(\n \"li\",\n [\n _c(\n \"vs-radio\",\n {\n attrs: { \"vs-value\": \"luis\" },\n model: {\n value: _vm.radios1,\n callback: function ($$v) {\n _vm.radios1 = $$v\n },\n expression: \"radios1\",\n },\n },\n [_vm._v(\"Luis\")]\n ),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\n \"vs-radio\",\n {\n attrs: { \"vs-value\": \"carols\" },\n model: {\n value: _vm.radios1,\n callback: function ($$v) {\n _vm.radios1 = $$v\n },\n expression: \"radios1\",\n },\n },\n [_vm._v(\"Carols\")]\n ),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\n \"vs-radio\",\n {\n attrs: { \"vs-value\": \"summer\" },\n model: {\n value: _vm.radios1,\n callback: function ($$v) {\n _vm.radios1 = $$v\n },\n expression: \"radios1\",\n },\n },\n [_vm._v(\"Summer\")]\n ),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\n \"vs-radio\",\n {\n attrs: { disabled: \"true\", \"vs-value\": \"lyon\" },\n model: {\n value: _vm.radios1,\n callback: function ($$v) {\n _vm.radios1 = $$v\n },\n expression: \"radios1\",\n },\n },\n [_vm._v(\"Lyon - disabled\")]\n ),\n ],\n 1\n ),\n _c(\"li\", { staticClass: \"op-block\" }, [\n _vm._v(\"\\n \" + _vm._s(_vm.radios1) + \"\\n \"),\n ]),\n ]),\n _c(\"template\", { slot: \"codeContainer\" }, [\n _vm._v(\n '\\n\\n