webpackJsonp([22,37],{831:function(t,n,a){functionm(t){a(897)}vard=a(1)(null,a(931),m,"data-v-2bf259f9",null);t.exports=d.exports},865:function(t,n,a){n=t.exports=a(795)(),n.push([t.i,".md-toolbar+.md-toolbar[data-v-2bf259f9]{margin-top:16px}.complete-example[data-v-2bf259f9]{height:540px;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative;overflow:hidden;z-index:1}.complete-example .md-fab[data-v-2bf259f9]{margin:0;position:absolute;bottom:-20px;left:16px}.complete-example .md-title[data-v-2bf259f9]{color:#fff}.complete-example .md-list[data-v-2bf259f9]{overflow:auto}.complete-example .md-list-action .md-icon[data-v-2bf259f9]{color:rgba(0,0,0,.26)}.complete-example .md-avatar-icon .md-icon[data-v-2bf259f9]{color:#fff!important}.complete-example .md-sidenav .md-list-text-container[data-v-2bf259f9]>:nth-child(2){color:hsla(0,0%,100%,.54)}.complete-example .md-account-header .md-list-item:hover .md-button[data-v-2bf259f9]:hover{background-color:inherit}.complete-example .md-account-header .md-avatar-list .md-list-item-container[data-v-2bf259f9]:hover{background:none!important}",""])},897:function(t,n,a){varm=a(865);"string"==typeofm&&(m=[[t.i,m,""]]),m.locals&&(t.exports=m.locals);a(796)("b09a1300",m,!0)},931:function(t,n){t.exports={render:function(){vart=this,n=t.$createElement,a=t._self._c||n;returna("page-content",{attrs:{"page-title":"Components - Toolbar"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[t._v("Toolbars appear a step above the content they affect. They may constrain their width to accommodate material passing over them.")]),t._v(" "),a("p",[t._v("You need to wrap all the elements of your toolbar in a element with the class "),a("code",[t._v("md-toolbar-container")]),t._v(" for medium and large toolbars. On large toolbars you can have two containers to push content to bottom.")]),t._v(" "),a("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),a("ul",{staticClass:"md-body-2"},[a("li",[a("code",[t._v("md-accent")])]),t._v(" "),a("li",[a("code",[t._v("md-warn")])]),t._v(" "),a("li",[a("code",[t._v("md-transparent")])])])]),t._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-toolbar"}},[a("md-table",{slot:"classes"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-dense")]),t._v(" "),a("md-table-cell",[t._v("Create a small and dense toolbar.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-medium")]),t._v(" "),a("md-table-cell",[t._v("Create a medium.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-large")]),t._v(" "),a("md-table-cell",[t._v("Create a large.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-account-header")]),t._v(" "),a("md-table-cell",[t._v("Create a account header toolbar to show user accounts inside sidenav. See example below and the complete example")])],1)],1)],1)],1),t._v(" "),a("api-table",[a("code-block",{attrs:{lang:"xml",height:"none"}},[t._v('\n<md-toolbarclass="md-account-header">\n<md-listclass="md-transparent">\n<md-list-itemclass="md-avatar-list">\n<md-avatarclass="md-large">\n<imgsrc="https://placeimg.com/64/64/people/8"alt="People">\n</md-avatar>\n\n<spanstyle="flex:1"></span>\n\n<md-avatar>\n<imgsrc="https://placeimg.com/40/40/people/3"alt="People">\n</md-avatar>\n\n<md-avatar>\n<imgsrc="https://placeimg.com/40/40/people/4"alt="People">\n</md-avatar>\n</md-list-item>\n\n<md-list-item>\n<divclass="md-list-text-container">\n<span>JohnDoe</span>\n<span>johndoe@email.com</span>\n</div>\n\n<md-buttonclass="md-icon-buttonmd-list-action">\n
