radio.0d3a1cf9.js

webpackJsonp([25,34],{479:function(e,a,d){var o=d(0)(d(507),d(556),null,null);e.exports=o.exports},507:function(e,a,d){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{radio1:2,radio2:1,radio3:1,radio4:1,radio5:2,radio6:3,radio7:1,radio8:2}}},e.exports=a.default},556:function(e,a){e.exports={render:function(){var e=this,a=e.$createElement,d=e._self._c||a;return d("page-content",{attrs:{"page-title":"Components - Radio"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[e._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.")]),e._v(" "),d("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),d("ul",{staticClass:"md-body-2"},[d("li",[d("code",[e._v("md-primary")])]),e._v(" "),d("li",[d("code",[e._v("md-warn")])])])]),e._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",[e._v("Name")]),e._v(" "),d("md-table-head",[e._v("Type")]),e._v(" "),d("md-table-head",[e._v("Description")])],1)],1),e._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[e._v("v-model")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("md-value")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("The single value of the particular radio button. Required.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("name")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("Set the radio name.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("id")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("Set the radio id.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("disabled")]),e._v(" "),d("md-table-cell",[d("code",[e._v("Boolean")])]),e._v(" "),d("md-table-cell",[e._v("Disable the radio and prevent his actions. Default "),d("code",[e._v("false")])])],1)],1)],1),e._v(" "),d("md-table",{slot:"events"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[e._v("Name")]),e._v(" "),d("md-table-head",[e._v("Value")]),e._v(" "),d("md-table-head",[e._v("Description")])],1)],1),e._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[e._v("change")]),e._v(" "),d("md-table-cell",[e._v("Receive the state of the radio")]),e._v(" "),d("md-table-cell",[e._v("Triggered when the radio changes his value.")])],1)],1)],1)],1)],1),e._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{slot:"demo"},[d("div",[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio1,expression:"radio1"}],attrs:{id:"my-test1",name:"my-test-group1","md-value":"1"},domProps:{value:e.radio1},on:{input:function(a){e.radio1=a}}},[e._v("My beautiful radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio1,expression:"radio1"}],attrs:{id:"my-test2",name:"my-test-group1","md-value":"2"},domProps:{value:e.radio1},on:{input:function(a){e.radio1=a}}},[e._v("Another radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio1,expression:"radio1"}],attrs:{id:"my-test3",name:"my-test-group1","md-value":"3"},domProps:{value:e.radio1},on:{input:function(a){e.radio1=a}}},[e._v("Another another radio")])],1),e._v(" "),d("div",[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test-group2","md-value":"1"},domProps:{value:e.radio2},on:{input:function(a){e.radio2=a}}},[e._v("Primary radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test-group2","md-value":"2"},domProps:{value:e.radio2},on:{input:function(a){e.radio2=a}}},[e._v("Another primary radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test-group2","md-value":"3"},domProps:{value:e.radio2},on:{input:function(a){e.radio2=a}}},[e._v("Another another primary radio")])],1),e._v(" "),d("div",[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test7",name:"my-test-group3","md-value":"1"},domProps:{value:e.radio3},on:{input:function(a){e.radio3=a}}},[e._v("Warn radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test8",name:"my-test-group3","md-value":"2"},domProps:{value:e.radio3},on:{input:function(a){e.radio3=a}}},[e._v("Another warn radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test9",name:"my-test-group3","md-value":"3"},domProps:{value:e.radio3},on:{input:function(a){e.radio3=a}}},[e._v("Another another warn radio")])],1),e._v(" "),d("div",[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio4,expression:"radio4"}],attrs:{id:"my-test10",name:"my-test-group3","md-value":"1"},domProps:{value:e.radio4},on:{input:function(a){e.radio4=a}}},[e._v("My beautiful radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio4,expression:"radio4"}],attrs:{id:"my-test11",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:e.radio4},on:{input:function(a){e.radio4=a}}},[e._v("Disabled")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio4,expression:"radio4"}],attrs:{id:"my-test12",name:"my-test-group3","md-value":"3"},domProps:{value:e.radio4},on:{input:function(a){e.radio4=a}}},[e._v("Another radio")])],1)]),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._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)]),e._v(" "),d("example-box",{attrs:{"card-title":"Themes"}},[d("div",{slot:"demo"},[d("md-theme",{attrs:{"md-name":"orange"}},[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test13",name:"my-test-group4","md-value":"1"},domProps:{value:e.radio5},on:{input:function(a){e.radio5=a}}},[e._v("Orange radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test14",name:"my-test-group4","md-value":"2"},domProps:{value:e.radio5},on:{input:function(a){e.radio5=a}}},[e._v("Another Orange radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test15",name:"my-test-group4","md-value":"3"},domProps:{value:e.radio5},on:{input:function(a){e.radio5=a}}},[e._v("Another another Orange radio")])],1),e._v(" "),d("md-theme",{attrs:{"md-name":"brown"}},[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test16",name:"my-test-group4","md-value":"1"},domProps:{value:e.radio6},on:{input:function(a){e.radio6=a}}},[e._v("Brown radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test17",name:"my-test-group4","md-value":"2"},domProps:{value:e.radio6},on:{input:function(a){e.radio6=a}}},[e._v("Another Brown radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test18",name:"my-test-group4","md-value":"3"},domProps:{value:e.radio6},on:{input:function(a){e.radio6=a}}},[e._v("Another another Brown radio")])],1),e._v(" "),d("md-theme",{attrs:{"md-name":"green"}},[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test19",name:"my-test-group6","md-value":"1"},domProps:{value:e.radio7},on:{input:function(a){e.radio7=a}}},[e._v("Green radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test20",name:"my-test-group6","md-value":"2"},domProps:{value:e.radio7},on:{input:function(a){e.radio7=a}}},[e._v("Another Green radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test21",name:"my-test-group6","md-value":"3"},domProps:{value:e.radio7},on:{input:function(a){e.radio7=a}}},[e._v("Another another Green radio")])],1),e._v(" "),d("md-theme",{attrs:{"md-name":"teal"}},[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test22",name:"my-test-group3","md-value":"1"},domProps:{value:e.radio8},on:{input:function(a){e.radio8=a}}},[e._v("Teal radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test23",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:e.radio8},on:{input:function(a){e.radio8=a}}},[e._v("Teal disabled radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test24",name:"my-test-group3","md-value":"3"},domProps:{value:e.radio8},on:{input:function(a){e.radio8=a}}},[e._v("Another another Teal radio")])],1)],1),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._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:[]}}});