mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-03-16 22:10:27 +00:00
1 line
No EOL
4.2 KiB
JavaScript
1 line
No EOL
4.2 KiB
JavaScript
webpackJsonp([14,34],{463:function(a,t,d){d(611);var n=d(0)(null,d(581),"data-v-fa87ed6a",null);a.exports=n.exports},543:function(a,t,d){t=a.exports=d(4)(),t.push([a.i,".md-avatar+.md-avatar[data-v-fa87ed6a]{margin-left:8px}",""])},581:function(a,t){a.exports={render:function(){var a=this,t=a.$createElement,d=a._self._c||t;return d("page-content",{attrs:{"page-title":"Components - Avatar"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[a._v("Avatars can be used to represent people. When used with a specific logo, avatars can also be used to represent brand.")]),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-accent")])]),a._v(" "),d("li",[d("code",[a._v("md-warn")])])])]),a._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-avatar"}},[d("md-table",{slot:"classes"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[a._v("Name")]),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("md-avatar-icon")]),a._v(" "),d("md-table-cell",[a._v("Display an icon using md-icon component")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("md-large")]),a._v(" "),d("md-table-cell",[a._v("Display large avatar")])],1)],1)],1)],1)],1),a._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{staticClass:"avatar-holder",slot:"demo"},[d("md-avatar",[d("img",{attrs:{src:"assets/avatar.png",alt:"Avatar"}})]),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon"},[d("md-icon",[a._v("home")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-primary"},[d("md-icon",[a._v("folder")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-accent"},[d("md-icon",[a._v("favorite")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-warn"},[d("md-icon",[a._v("notes")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n <md-avatar>\n <img src="assets/avatar.png" alt="Avatar">\n </md-avatar>\n\n <md-avatar class="md-avatar-icon">\n <md-icon>home</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-primary">\n <md-icon>folder</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-accent">\n <md-icon>favorite</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-warn">\n <md-icon>notes</md-icon>\n </md-avatar>\n ')])],1)]),a._v(" "),d("example-box",{attrs:{"card-title":"Large"}},[d("div",{staticClass:"avatar-holder",slot:"demo"},[d("md-avatar",{staticClass:"md-large"},[d("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large"},[d("md-icon",[a._v("home")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[d("md-icon",[a._v("folder")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[d("md-icon",[a._v("favorite")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[d("md-icon",[a._v("notes")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n <md-avatar class="md-large">\n <img src="assets/avatar-2.jpg" alt="People">\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-large">\n <md-icon>home</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-large md-primary">\n <md-icon>folder</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-large md-accent">\n <md-icon>favorite</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-large md-warn">\n <md-icon>notes</md-icon>\n </md-avatar>\n ')])],1)])],1)])],1)},staticRenderFns:[]}},611:function(a,t,d){var n=d(543);"string"==typeof n&&(n=[[a.i,n,""]]),n.locals&&(a.exports=n.locals);d(5)("5034cab1",n,!0)}}); |