webpackJsonp([13,27,29],{240:function(a,t,d){t=a.exports=d(1)(),t.push([a.id,".md-avatar+.md-avatar[data-v-71526c58]{margin-left:8px}",""])},306:function(a,t,d){var e,n;d(240);var r=d(449);n=e=e||{},"object"!=typeof e.default&&"function"!=typeof e.default||(n=e=e.default),"function"==typeof n&&(n=n.options),n.render=r.render,n.staticRenderFns=r.staticRenderFns,n._scopeId="data-v-71526c58",a.exports=e},449: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:[]}}});