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

Added the code samples for Demo in List Components (Multiple options, Multiple Expand) (#725)

Browse source
This commit is contained in:
Captain Pangyo 2017-05-08 07:34:20 +09:00 committed by Marcos Moura
parent 4254e7962e
commit 3754e5e4a2
1 changed files with 60 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
docs/src/pages/components/List.vue
View file

@ -974,6 +974,17 @@
<div slot="code">
<code-block lang="xml">
&lt;div class="phone-viewport"&gt;
&lt;md-list&gt;
&lt;md-list-item&gt;Plain Text&lt;/md-list-item&gt;
&lt;md-list-item target="_blank" href="https://google.com"&gt;Link&lt;/md-list-item&gt;
&lt;md-list-item @click.native="openAlert"&gt;Button&lt;/md-list-item&gt;
&lt;md-list-item&gt;
&lt;router-link to="/components/list"&gt;Router View&lt;/router-link&gt;
&lt;/md-list-item&gt;
&lt;/md-list&gt;
&lt;/div&gt;
&lt;div class=&quot;phone-viewport&quot;&gt;
&lt;md-list&gt;
&lt;md-list-item&gt;
@ -1022,6 +1033,55 @@
&lt;/md-list-item&gt;
&lt;/md-list&gt;
&lt;/div&gt;
&lt;div class="phone-viewport"&gt;
&lt;md-list&gt;
&lt;md-list-item md-expand-multiple&gt;
&lt;md-icon&gt;whatshot&lt;/md-icon&gt;
&lt;span&gt;News&lt;/span&gt;
&lt;md-list-expand&gt;
&lt;md-list&gt;
&lt;md-list-item class="md-inset"&gt;World&lt;/md-list-item&gt;
&lt;md-list-item class="md-inset"&gt;Americas&lt;/md-list-item&gt;
&lt;md-list-item class="md-inset"&gt;Europe&lt;/md-list-item&gt;
&lt;/md-list&gt;
&lt;/md-list-expand&gt;
&lt;/md-list-item&gt;
&lt;md-list-item md-expand-multiple&gt;
&lt;md-icon&gt;videogame_asset&lt;/md-icon&gt;
&lt;span&gt;Games&lt;/span&gt;
&lt;md-list-expand&gt;
&lt;md-list&gt;
&lt;md-list-item class="md-inset"&gt;Console&lt;/md-list-item&gt;
&lt;md-list-item class="md-inset"&gt;PC&lt;/md-list-item&gt;
&lt;md-list-item class="md-inset"&gt;Phone&lt;/md-list-item&gt;
&lt;/md-list&gt;
&lt;/md-list-expand&gt;
&lt;/md-list-item&gt;
&lt;md-list-item md-expand-multiple&gt;
&lt;md-icon&gt;video_library&lt;/md-icon&gt;
&lt;span&gt;Video&lt;/span&gt;
&lt;md-list-expand&gt;
&lt;md-list&gt;
&lt;md-list-item class="md-inset"&gt;Humor&lt;/md-list-item&gt;
&lt;md-list-item class="md-inset"&gt;Music&lt;/md-list-item&gt;
&lt;md-list-item class="md-inset"&gt;Movies&lt;/md-list-item&gt;
&lt;md-list-item class="md-inset"&gt;TV Shows&lt;/md-list-item&gt;
&lt;/md-list&gt;
&lt;/md-list-expand&gt;
&lt;/md-list-item&gt;
&lt;md-list-item&gt;
&lt;md-icon&gt;shopping_basket&lt;/md-icon&gt;
&lt;span&gt;Shop&lt;/span&gt;
&lt;/md-list-item&gt;
&lt;/md-list&gt;
&lt;/div&gt;
</code-block>
</div>
</example-box>