vue-material/dist/docs/radio.8680ff27.js

webpackJsonp([27,37],{819:function(a,e,d){var r=d(1)(d(849),d(934),null,null,null);a.exports=r.exports},849:function(a,e,d){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{radio1:2,radio2:1,radio3:1,radio4:1,radio5:2,radio6:3,radio7:1,radio8:2}}},a.exports=e.default},934:function(a,e){a.exports={render:function(){var a=this,e=a.$createElement,d=a._self._c||e;return d("page-content",{attrs:{"page-title":"Components - Radio"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[a._v("Radio buttons allow the user to select one option from a set. Use radio buttons for exclusive selection if you think that the user needs to see all available options side-by-side.")]),a._v(" "),d("p",[a._v("The following classes can be applied to change the color palette:")]),a._v(" "),d("ul",{staticClass:"md-body-2"},[d("li",[d("code",[a._v("md-primary")])]),a._v(" "),d("li",[d("code",[a._v("md-warn")])])])]),a._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-radio"}},[d("md-table",{slot:"properties"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[a._v("Name")]),a._v(" "),d("md-table-head",[a._v("Type")]),a._v(" "),d("md-table-head",[a._v("Description")])],1)],1),a._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[a._v("v-model")]),a._v(" "),d("md-table-cell",[d("code",[a._v("String")])]),a._v(" "),d("md-table-cell",[a._v("A required model object to bind the value.")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("md-value")]),a._v(" "),d("md-table-cell",[d("code",[a._v("String")])]),a._v(" "),d("md-table-cell",[a._v("The single value of the particular radio button. Required.")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("name")]),a._v(" "),d("md-table-cell",[d("code",[a._v("String")])]),a._v(" "),d("md-table-cell",[a._v("Set the radio name.")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("id")]),a._v(" "),d("md-table-cell",[d("code",[a._v("String")])]),a._v(" "),d("md-table-cell",[a._v("Set the radio id.")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("disabled")]),a._v(" "),d("md-table-cell",[d("code",[a._v("Boolean")])]),a._v(" "),d("md-table-cell",[a._v("Disable the radio and prevent its actions. Default "),d("code",[a._v("false")])])],1)],1)],1),a._v(" "),d("md-table",{slot:"events"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[a._v("Name")]),a._v(" "),d("md-table-head",[a._v("Value")]),a._v(" "),d("md-table-head",[a._v("Description")])],1)],1),a._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[a._v("change")]),a._v(" "),d("md-table-cell",[a._v("Receive the state of the radio")]),a._v(" "),d("md-table-cell",[a._v("Triggered when the radio changes its value.")])],1)],1)],1)],1)],1),a._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{slot:"demo"},[d("div",[d("md-radio",{attrs:{id:"my-test1",name:"my-test-group1","md-value":"1"},model:{value:a.radio1,callback:function(e){a.radio1=e},expression:"radio1"}},[a._v("My beautiful radio")]),a._v(" "),d("md-radio",{attrs:{id:"my-test2",name:"my-test-group1","md-value":"2"},model:{value:a.radio1,callback:function(e){a.radio1=e},expression:"radio1"}},[a._v("Another radio")]),a._v(" "),d("md-radio",{attrs:{id:"my-test3",name:"my-test-group1","md-value":"3"},model:{value:a.radio1,callback:function(e){a.radio1=e},expression:"radio1"}},[a._v("Another another radio")])],1),a._v(" "),d("div",[d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test-group2","md-value":"1"},model:{value:a.radio2,callback:function(e){a.radio2=e},expression:"radio2"}},[a._v("Primary radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test-group2","md-value":"2"},model:{value:a.radio2,callback:function(e){a.radio2=e},expression:"radio2"}},[a._v("Another primary radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test-group2","md-value":"3"},model:{value:a.radio2,callback:function(e){a.radio2=e},expression:"radio2"}},[a._v("Another another primary radio")])],1),a._v(" "),d("div",[d("md-radio",{staticClass:"md-warn",attrs:{id:"my-test7",name:"my-test-group3","md-value":"1"},model:{value:a.radio3,callback:function(e){a.radio3=e},expression:"radio3"}},[a._v("Warn radio")]),a._v(" "),d("md-radio",{staticClass:"md-warn",attrs:{id:"my-test8",name:"my-test-group3","md-value":"2"},model:{value:a.radio3,callback:function(e){a.radio3=e},expression:"radio3"}},[a._v("Another warn radio")]),a._v(" "),d("md-radio",{staticClass:"md-warn",attrs:{id:"my-test9",name:"my-test-group3","md-value":"3"},model:{value:a.radio3,callback:function(e){a.radio3=e},expression:"radio3"}},[a._v("Another another warn radio")])],1),a._v(" "),d("div",[d("md-radio",{attrs:{id:"my-test10",name:"my-test-group3","md-value":"1"},model:{value:a.radio4,callback:function(e){a.radio4=e},expression:"radio4"}},[a._v("My beautiful radio")]),a._v(" "),d("md-radio",{attrs:{id:"my-test11",name:"my-test-group3","md-value":"2",disabled:""},model:{value:a.radio4,callback:function(e){a.radio4=e},expression:"radio4"}},[a._v("Disabled")]),a._v(" "),d("md-radio",{attrs:{id:"my-test12",name:"my-test-group3","md-value":"3"},model:{value:a.radio4,callback:function(e){a.radio4=e},expression:"radio4"}},[a._v("Another radio")])],1)]),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n            <div>\n              <md-radio v-model="radio1" id="my-test1" name="my-test-group1" md-value="1">My beautiful radio</md-radio>\n              <md-radio v-model="radio1" id="my-test2" name="my-test-group1" md-value="2">Another radio</md-radio>\n              <md-radio v-model="radio1" id="my-test3" name="my-test-group1" md-value="3">Another another radio</md-radio>\n            </div>\n\n            <div>\n              <md-radio v-model="radio2" id="my-test4" name="my-test-group2" md-value="1" class="md-primary">Primary radio</md-radio>\n              <md-radio v-model="radio2" id="my-test5" name="my-test-group2" md-value="2" class="md-primary">Another primary radio</md-radio>\n              <md-radio v-model="radio2" id="my-test6" name="my-test-group2" md-value="3" class="md-primary">Another another primary radio</md-radio>\n            </div>\n\n            <div>\n              <md-radio v-model="radio3" id="my-test7" name="my-test-group3" md-value="1" class="md-warn">Warn radio</md-radio>\n              <md-radio v-model="radio3" id="my-test8" name="my-test-group3" md-value="2" class="md-warn">Another warn radio</md-radio>\n              <md-radio v-model="radio3" id="my-test9" name="my-test-group3" md-value="3" class="md-warn">Another another warn radio</md-radio>\n            </div>\n\n            <div>\n              <md-radio v-model="radio4" id="my-test10" name="my-test-group3" md-value="1">My beautiful radio</md-radio>\n              <md-radio v-model="radio4" id="my-test11" name="my-test-group3" md-value="2" disabled>Disabled</md-radio>\n              <md-radio v-model="radio4" id="my-test12" name="my-test-group3" md-value="3">Another radio</md-radio>\n            </div>\n          ')])],1)]),a._v(" "),d("example-box",{attrs:{"card-title":"Themes"}},[d("div",{slot:"demo"},[d("md-theme",{attrs:{"md-name":"orange"}},[d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test13",name:"my-test-group4","md-value":"1"},model:{value:a.radio5,callback:function(e){a.radio5=e},expression:"radio5"}},[a._v("Orange radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test14",name:"my-test-group4","md-value":"2"},model:{value:a.radio5,callback:function(e){a.radio5=e},expression:"radio5"}},[a._v("Another Orange radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test15",name:"my-test-group4","md-value":"3"},model:{value:a.radio5,callback:function(e){a.radio5=e},expression:"radio5"}},[a._v("Another another Orange radio")])],1),a._v(" "),d("md-theme",{attrs:{"md-name":"brown"}},[d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test16",name:"my-test-group4","md-value":"1"},model:{value:a.radio6,callback:function(e){a.radio6=e},expression:"radio6"}},[a._v("Brown radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test17",name:"my-test-group4","md-value":"2"},model:{value:a.radio6,callback:function(e){a.radio6=e},expression:"radio6"}},[a._v("Another Brown radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test18",name:"my-test-group4","md-value":"3"},model:{value:a.radio6,callback:function(e){a.radio6=e},expression:"radio6"}},[a._v("Another another Brown radio")])],1),a._v(" "),d("md-theme",{attrs:{"md-name":"green"}},[d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test19",name:"my-test-group6","md-value":"1"},model:{value:a.radio7,callback:function(e){a.radio7=e},expression:"radio7"}},[a._v("Green radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test20",name:"my-test-group6","md-value":"2"},model:{value:a.radio7,callback:function(e){a.radio7=e},expression:"radio7"}},[a._v("Another Green radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test21",name:"my-test-group6","md-value":"3"},model:{value:a.radio7,callback:function(e){a.radio7=e},expression:"radio7"}},[a._v("Another another Green radio")])],1),a._v(" "),d("md-theme",{attrs:{"md-name":"teal"}},[d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test22",name:"my-test-group3","md-value":"1"},model:{value:a.radio8,callback:function(e){a.radio8=e},expression:"radio8"}},[a._v("Teal radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test23",name:"my-test-group3","md-value":"2",disabled:""},model:{value:a.radio8,callback:function(e){a.radio8=e},expression:"radio8"}},[a._v("Teal disabled radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test24",name:"my-test-group3","md-value":"3"},model:{value:a.radio8,callback:function(e){a.radio8=e},expression:"radio8"}},[a._v("Another another Teal radio")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n            <md-theme md-name="orange">\n              <md-radio v-model="radio5" id="my-test13" name="my-test-group4" md-value="1" class="md-primary">Orange radio</md-radio>\n              <md-radio v-model="radio5" id="my-test14" name="my-test-group4" md-value="2" class="md-primary">Another Orange radio</md-radio>\n              <md-radio v-model="radio5" id="my-test15" name="my-test-group4" md-value="3" class="md-primary">Another another Orange radio</md-radio>\n            </md-theme>\n\n            <md-theme md-name="brown">\n              <md-radio v-model="radio6" id="my-test16" name="my-test-group4" md-value="1" class="md-primary">Brown radio</md-radio>\n              <md-radio v-model="radio6" id="my-test17" name="my-test-group4" md-value="2" class="md-primary">Another Brown radio</md-radio>\n              <md-radio v-model="radio6" id="my-test18" name="my-test-group4" md-value="3" class="md-primary">Another another Brown radio</md-radio>\n            </md-theme>\n\n            <md-theme md-name="green">\n              <md-radio v-model="radio7" id="my-test19" name="my-test-group6" md-value="1" class="md-primary">Green radio</md-radio>\n              <md-radio v-model="radio7" id="my-test20" name="my-test-group6" md-value="2" class="md-primary">Another Green radio</md-radio>\n              <md-radio v-model="radio7" id="my-test21" name="my-test-group6" md-value="3" class="md-primary">Another another Green radio</md-radio>\n            </md-theme>\n\n            <md-theme md-name="teal">\n              <md-radio v-model="radio8" id="my-test22" name="my-test-group3" md-value="1" class="md-primary">Teal radio</md-radio>\n              <md-radio v-model="radio8" id="my-test23" name="my-test-group3" md-value="2" class="md-primary" disabled>Teal disabled radio</md-radio>\n              <md-radio v-model="radio8" id="my-test24" name="my-test-group3" md-value="3" class="md-primary">Another another Teal radio</md-radio>\n            </md-theme>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}}});