\n Ali Connors\n Brunch this weekend?\n
\n\n I\'ll be in your neighborhood doing errands...
\n\n me, Scott, Jennifer\n Summer BBQ\n
\n\n Wish I could come, but I\'m out of town ...
\n\n Sandra Adams\n Oui oui\n
\n\n Do you have Paris recommendations ...
\n\n Trevor Hansen\n Order confirmation\n
\n\n Thank you for your recent order from ...
\n\n Orange radio \n Another Orange radio \n Another another Orange radio \n
\n\n\n Brown radio \n Another Brown radio \n Another another Brown radio \n
\n\n\n Green radio \n Another Green radio \n Another another Green radio \n
\n\n\n Teal radio \n Teal disabled radio \n Another another Teal radio \n
\n '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"Error"}},[_h("single-page-banner",{attrs:{label:"Error 404"}})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("section",{staticClass:"single-page-section"},[_h("h2",{staticClass:"md-headline"},[_h("md-icon",["keyboard_arrow_right"])," "+_s(label)])," ",_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Icon"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default",size:"2"}},[_h("md-icon",["home"])," ",_h("md-icon",{staticClass:"md-primary"},["home"])," ",_h("md-icon",{staticClass:"md-accent"},["home"])," ",_h("md-icon",{staticClass:"md-warn"},["home"])])," ",_h("demo-example",{attrs:{label:"Themed",size:"2"}},[_h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-primary"},["home"])," ",_h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-primary"},["home"])," ",_h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-primary"},["home"])," ",_h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-primary"},["home"])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\nMy App
\n\n Toggle right \n
\n\nOpen console to see the events
\nLorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi cupiditate esse necessitatibus beatae nobis, deserunt ut est fugit, tempora deleniti, eligendi commodi doloribus. Nemo, assumenda possimus, impedit inventore perferendis iusto!
\n\n \n \n \n Fight Club \n Godfather II \n Godfather III \n Godfather \n Godfellas \n Pulp Fiction \n Scarface \n \n \n\n \n \n \n Australia \n Brazil \n Japan \n United States \n \n \n\n \n \n \n Arial \n Calibri \n Cambria \n Comic Sans \n Consolas \n Courier \n Droid Sans \n Georgia \n Helvetica \n Impact \n Roboto \n Segoe UI \n Times New Roman \n Ubuntu \n Verdana \n \n \n
\n '])])," ",_h("demo-example",{attrs:{label:"Groups"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n \n \n \n Fruits \n Apples \n Bananas \n Peaches \n Oranges \n\n Vegetables \n Carrots \n Cucumbers \n\n Baked Goods \n Apple Pie \n Chocolate Cake \n \n \n
\n '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("label",{attrs:{"for":"movie"}},["Movie"])},function(){with(this)return _h("label",{attrs:{"for":"country"}},["Country"])},function(){with(this)return _h("label",{attrs:{"for":"font"}},["Font"])},function(){with(this)return _h("label",{attrs:{"for":"food"}},["Food"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("i",{staticClass:"md-icon material-icons"},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"single-page-banner"},[_h("md-toolbar",{staticClass:"single-page-banner"},[_h("h1",{staticClass:"md-display-2"},[_s(label)])])," ",_h("md-button",{staticClass:"md-icon-button github-button",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},[_h("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"}},[_h("path",{attrs:{fill:"#ffffff",d:"M512 0C229.25 0 0 229.25 0 512c0 226.25 146.69 418.13 350.16 485.81 25.59 4.69 34.94-11.12 34.94-24.62 0-12.19-0.47-52.56-0.72-95.31C242 908.81 211.91 817.5 211.91 817.5c-23.31-59.12-56.84-74.87-56.84-74.87-46.53-31.75 3.53-31.12 3.53-31.12 51.41 3.56 78.47 52.75 78.47 52.75 45.69 78.25 119.88 55.63 149 42.5 4.65-33 17.9-55.62 32.5-68.37C304.91 725.44 185.34 681.5 185.34 485.31c0-55.94 19.97-101.56 52.66-137.41-5.22-13-22.84-65.09 5.06-135.56 0 0 42.94-13.75 140.81 52.5 40.81-11.41 84.59-17.03 128.13-17.22 43.5 0.19 87.31 5.88 128.19 17.28 97.69-66.31 140.69-52.5 140.69-52.5 28 70.53 10.38 122.56 5.13 135.5 32.81 35.84 52.63 81.47 52.63 137.41 0 196.69-119.75 240-233.81 252.69 18.44 15.88 34.75 47 34.75 94.75 0 68.44-0.69 123.63-0.69 140.5 0 13.63 9.31 29.56 35.25 24.56C877.44 930 1024 738.13 1024 512 1024 229.25 794.75 0 512 0z"}})])])," ",_h("md-button",{staticClass:"md-icon-button single-page-menu-trigger",on:{click:toggleSidenav}},[_h("md-icon",["menu"])])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-bottom-bar","class":classes},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"UI Elements - Grid System"}})},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Ripple"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple"},["This span has ripple effect"])," ",_h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple green"
+},["This span has ripple effect"])," ",_h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple blue"},["This span has ripple effect"])," ",_h("div",[_h("md-avatar",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}]},[_m(0)])," ",_h("md-avatar",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-avatar-icon"},[_h("md-icon",["home"])])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\nThis span has ripple effect\nThis span has ripple effect\nThis span has ripple effect\n\n\n \n 
\n \n\n \n home \n \n
\n '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("img",{attrs:{src:"//placeimg.com/40/40/people/1",alt:"People"}})}]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Switch"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("div",[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked0,expression:"checked0"}],attrs:{id:"my-test0",name:"my-test0"},domProps:{value:checked0},on:{input:function(t){checked0=t}}})])," ",_h("div",[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked1,expression:"checked1"}],staticClass:"md-primary",attrs:{id:"my-test1",name:"my-test1"},domProps:{value:checked1},on:{input:function(t){checked1=t}}},["Primary Color"])])," ",_h("div",[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked2,expression:"checked2"}],staticClass:"md-warn",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:checked2},on:{input:function(t){checked2=t}}},["Warn Color"])])," ",_h("div",[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked3,expression:"checked3"}],attrs:{id:"my-test3",name:"my-test3",disabled:""},domProps:{value:checked3},on:{input:function(t){checked3=t}}},["Disabled"])])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked4,expression:"checked4"}],staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test4"},domProps:{value:checked4},on:{input:function(t){checked4=t}}})])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked5,expression:"checked5"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test5"},domProps:{value:checked5},on:{input:function(t){checked5=t}}},["Green Primary Color"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked6,expression:"checked6"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test6"},domProps:{value:checked6},on:{input:function(t){checked6=t}}},["Brown Primary Color"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}]},[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked7,expression:"checked7"}],staticClass:"md-primary",attrs:{id:"my-test7",name:"my-test7",disabled:""},domProps:{value:checked7},on:{input:function(t){checked7=t}}},["Light Blue Primary Color Disabled"])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n
\n\n\n Green Primary Color \n
\n\n\n Brown Primary Color \n
\n\n\n Light Blue Primary Color Disabled \n
\n '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Avatar"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default",size:"2"}},[_h("md-avatar",[_m(0)])," ",_h("md-avatar",{staticClass:"md-avatar-icon"},[_h("md-icon",["home"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-primary"},[_h("md-icon",["folder"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-accent"},[_h("md-icon",["favorite"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-warn"},[_h("md-icon",["notes"])])])," ",_h("demo-example",{attrs:{label:"Large",size:"2"}},[_h("md-avatar",{staticClass:"md-large"},[_m(1)])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-large"},[_h("md-icon",["home"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[_h("md-icon",["folder"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[_h("md-icon",["favorite"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[_h("md-icon",["notes"])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n Primary Orange \n
\n\n\n Primary Green \n
\n\n\n Primary Light Blue \n
\n\n\n Primary Indigo \n
\n\n\n Primary Brown Disabled \n
\n '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Whiteframe"}},[_h("div",{slot:"examples",staticClass:"whiteframe-list"},[_h("demo-example",{attrs:{label:"Default"}},[_h("md-whiteframe",{attrs:{"md-elevation":"1"}},["1dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"2"}},["2dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"3"}},["3dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"4"}},["4dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"5"}},["5dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"6"}},["6dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"7"}},["7dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"8"}},["8dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"9"}},["9dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"10"}},["10dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"11"}},["11dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"12"}},["12dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"13"}},["13dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"14"}},["14dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"15"}},["15dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"16"}},["16dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"17"}},["17dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"18"}},["18dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"19"}},["19dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"20"}},["20dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"21"}},["21dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"22"}},["22dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"23"}},["23dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"24"}},["24dp"])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\n