text: __NUXT_JSONP__("/avatar", (function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q){return {data:[{document:{slug:q,description:null,title:"Avatar",position:4,category:"Extensions",toc:[{id:y,depth:z,text:A},{id:B,depth:z,text:C}],body:{type:"root",children:[{type:b,tag:r,props:{},children:[{type:a,value:"Use the avatar in thumbs, profile and even to illustrate an icon just use the class "},{type:b,tag:h,props:{},children:[{type:a,value:".avatar"}]},{type:a,value:", you can also vary the styles use "},{type:b,tag:h,props:{},children:[{type:a,value:".primary"}]},{type:a,value:" or "},{type:b,tag:h,props:{},children:[{type:a,value:".outline"}]},{type:a,value:" and the sizes "},{type:b,tag:h,props:{},children:[{type:a,value:".small"}]},{type:a,value:" and "},{type:b,tag:h,props:{},children:[{type:a,value:".large"}]}]},{type:a,value:f},{type:b,tag:D,props:{id:y},children:[{type:b,tag:E,props:{ariaHidden:F,href:"#install",tabIndex:G},children:[{type:b,tag:c,props:{className:[H,I]},children:[]}]},{type:a,value:A}]},{type:a,value:f},{type:b,tag:r,props:{},children:[{type:a,value:"Add "},{type:b,tag:h,props:{},children:[{type:a,value:"@vishnucss\u002Favatar"}]},{type:a,value:" dependency to your project:"}]},{type:a,value:f},{type:b,tag:J,props:{},children:[{type:a,value:j},{type:b,tag:s,props:{label:"YARN",active:K},children:[{type:a,value:f},{type:b,tag:t,props:{className:[u]},children:[{type:b,tag:v,props:{className:[w,"language-bash"]},children:[{type:b,tag:h,props:{},children:[{type:b,tag:c,props:{className:[d,L]},children:[{type:a,value:"yarn"}]},{type:a,value:k},{type:b,tag:c,props:{className:[d,L]},children:[{type:a,value:"add"}]},{type:a,value:" @vishnucss\u002Favatar\n"}]}]}]},{type:a,value:j}]},{type:a,value:j},{type:b,tag:s,props:{label:"CDN"},children:[{type:a,value:f},{type:b,tag:t,props:{className:[u]},children:[{type:b,tag:v,props:{className:[w,M]},children:[{type:b,tag:h,props:{},children:[{type:b,tag:c,props:{className:[d,g]},children:[{type:b,tag:c,props:{className:[d,g]},children:[{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:x}]},{type:a,value:"link"}]},{type:a,value:k},{type:b,tag:c,props:{className:[d,l]},children:[{type:a,value:"rel"}]},{type:b,tag:c,props:{className:[d,m]},children:[{type:b,tag:c,props:{className:[d,e,n]},children:[{type:a,value:o}]},{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:i}]},{type:a,value:"stylesheet"},{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:i}]}]},{type:a,value:k},{type:b,tag:c,props:{className:[d,l]},children:[{type:a,value:"href"}]},{type:b,tag:c,props:{className:[d,m]},children:[{type:b,tag:c,props:{className:[d,e,n]},children:[{type:a,value:o}]},{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:i}]},{type:a,value:"https:\u002F\u002Funpkg.com\u002F@vishnucss\u002Favatar"},{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:i}]}]},{type:a,value:k},{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:"\u002F\u003E"}]}]},{type:a,value:f}]}]}]},{type:a,value:j}]},{type:a,value:f}]},{type:a,value:f},{type:b,tag:D,props:{id:B},children:[{type:b,tag:E,props:{ariaHidden:F,href:"#usage",tabIndex:G},children:[{type:b,tag:c,props:{className:[H,I]},children:[]}]},{type:a,value:C}]},{type:a,value:f},{type:b,tag:J,props:{},children:[{type:a,value:j},{type:b,tag:s,props:{label:"HTML",active:K},children:[{type:a,value:f},{type:b,tag:t,props:{className:[u]},children:[{type:b,tag:v,props:{className:[w,M]},children:[{type:b,tag:h,props:{},children:[{type:b,tag:c,props:{className:[d,N]},children:[{type:a,value:"\u003C!-- Avatar default --\u003E"}]},{type:a,value:f},{type:b,tag:c,props:{className:[d,g]},children:[{type:b,tag:c,props:{className:[d,g]},children:[{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:x}]},{type:a,value:c}]},{type:a,value:k},{type:b,tag:c,props:{className:[d,l]},children:[{type:a,value:O}]},{type:b,tag:c,props:{className:[d,m]},children:[{type:b,tag:c,props:{className:[d,e,n]},children:[{type:a,value:o}]},{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:i}]},{type:a,value:q},{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:i}]}]},{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:p}]}]},{type:a,value:P},{type:b,tag:c,props:{className:[d,g]},children:[{type:b,tag:c,props:{className:[d,g]},children:[{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:Q}]},{type:a,value:c}]},{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:p}]}]},{type:a,value:f},{type:b,tag:c,props:{className:[d,N]},children:[{type:a,value:"\u003C!-- Avatar primary --\u003E"}]},{type:a,value:f},{type:b,tag:c,props:{className:[d,g]},children:[{type:b,tag:c,props:{className:[d,g]},children:[{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:x}]},{type:a,value:c}]},{type:a,value:k},{type:b,tag:c,props:{className:[d,l]},children:[{type:a,value:O}]},{type:b,tag:c,props:{className:[d,m]},children:[{type:b,tag:c,props:{className:[d,e,n]},children:[{type:a,value:o}]},{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:i}]},{type:a,value:"avatar avatar-primary"},{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:i}]}]},{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:p}]}]},{type:a,value:"Aa"},{type:b,tag:c,props:{className:[d,g]},children:[{type:b,tag:c,props:{className:[d,g]},children:[{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:Q}]},{type:a,value:c}]},{type:b,tag:c,props:{className:[d,e]},children:[{type:a,value:p}]}]},{type:a,value:f}]}]}]},{type:a,value:j}]},{type:a,value:f}]},{type:a,value:f},{type:b,tag:r,props:{},children:[{type:b,tag:c,props:{className:[q]},children:[{type:a,value:P}]}]}]},dir:"\u002Fen",path:"\u002Fen\u002Favatar",extension:".md",createdAt:"2022-01-19T00:05:41.120Z",updatedAt:"2022-01-19T01:40:56.797Z",to:"\u002Favatar"},prev:{slug:"alert",title:"Alert",to:"\u002Falert"},next:{slug:"chips",title:"Chips",to:"\u002Fchips"}}],fetch:{},mutations:[]}}("text","element","span","token","punctuation","\n","tag","code","\"","\n  "," ","attr-name","attr-value","attr-equals","=","\u003E","avatar","p","code-block","div","nuxt-content-highlight","pre","line-numbers","\u003C","install",2,"Install","usage","Usage","h2","a","true",-1,"icon","icon-link","code-group","","function","language-html","comment","class","Zf","\u003C\u002F")));