Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-22 05:51:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add code doc to avatar

Browse source
This commit is contained in:
Marcos Moura 2016-10-05 06:00:54 -03:00
parent 9a8747125b
commit 9a296184cb
1 changed files with 47 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
src/docs/pages/components/Avatar.vue
View file

@ -47,7 +47,53 @@
</div>
<div slot="code">
<h2>Code</h2>
<demo-example label="Default">
<code-block lang="xml">
&lt;md-avatar class=&quot;md-large&quot;&gt;
&lt;img src=&quot;//placeimg.com/64/64/people/2&quot; alt=&quot;People&quot;&gt;
&lt;/md-avatar&gt;
&lt;md-avatar class=&quot;md-avatar-icon md-large&quot;&gt;
&lt;md-icon&gt;home&lt;/md-icon&gt;
&lt;/md-avatar&gt;
&lt;md-avatar class=&quot;md-avatar-icon md-large md-primary&quot;&gt;
&lt;md-icon&gt;folder&lt;/md-icon&gt;
&lt;/md-avatar&gt;
&lt;md-avatar class=&quot;md-avatar-icon md-large md-accent&quot;&gt;
&lt;md-icon&gt;favorite&lt;/md-icon&gt;
&lt;/md-avatar&gt;
&lt;md-avatar class=&quot;md-avatar-icon md-large md-warn&quot;&gt;
&lt;md-icon&gt;notes&lt;/md-icon&gt;
&lt;/md-avatar&gt;
</code-block>
</demo-example>
<demo-example label="Large">
<code-block lang="xml">
&lt;md-avatar&gt;
&lt;img src=&quot;//placeimg.com/40/40/people/1&quot; alt=&quot;People&quot;&gt;
&lt;/md-avatar&gt;
&lt;md-avatar class=&quot;md-avatar-icon&quot;&gt;
&lt;md-icon&gt;home&lt;/md-icon&gt;
&lt;/md-avatar&gt;
&lt;md-avatar class=&quot;md-avatar-icon md-primary&quot;&gt;
&lt;md-icon&gt;folder&lt;/md-icon&gt;
&lt;/md-avatar&gt;
&lt;md-avatar class=&quot;md-avatar-icon md-accent&quot;&gt;
&lt;md-icon&gt;favorite&lt;/md-icon&gt;
&lt;/md-avatar&gt;
&lt;md-avatar class=&quot;md-avatar-icon md-warn&quot;&gt;
&lt;md-icon&gt;notes&lt;/md-icon&gt;
&lt;/md-avatar&gt;
</code-block>
</demo-example>
</div>
<div slot="api">