Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-04-27 01:54:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add file input code example

Browse source
This commit is contained in:
Marcos Moura 2016-12-29 02:07:18 -02:00
parent 3db58c969a
commit 42b3bd9dd2
1 changed files with 39 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
docs/src/pages/components/File.vue
View file

@ -97,7 +97,45 @@
<div slot="code">
<code-block lang="xml">
&lt;md-input-container&gt;
&lt;label&gt;Single&lt;/label&gt;
&lt;md-file v-model=&quot;single&quot;&gt;&lt;/md-file&gt;
&lt;/md-input-container&gt;
&lt;md-input-container&gt;
&lt;md-file v-model=&quot;placeholder&quot; placeholder=&quot;A nice input placeholder&quot;&gt;&lt;/md-file&gt;
&lt;/md-input-container&gt;
&lt;md-input-container&gt;
&lt;md-file placeholder=&quot;Disabled&quot; disabled&gt;&lt;/md-file&gt;
&lt;/md-input-container&gt;
&lt;md-input-container&gt;
&lt;label&gt;Initial Value&lt;/label&gt;
&lt;md-file v-model=&quot;initialValue&quot;&gt;&lt;/md-file&gt;
&lt;/md-input-container&gt;
&lt;md-input-container&gt;
&lt;label&gt;Multiple&lt;/label&gt;
&lt;md-file v-model=&quot;multiple&quot; multiple&gt;&lt;/md-file&gt;
&lt;/md-input-container&gt;
&lt;md-input-container&gt;
&lt;label&gt;Only Images&lt;/label&gt;
&lt;md-file v-model=&quot;onlyImages&quot; accept=&quot;image/*&quot;&gt;&lt;/md-file&gt;
&lt;/md-input-container&gt;
</code-block>
<code-block lang="javascript">
export default {
data: () => ({
single: null,
placeholder: null,
initialValue: 'my-profile-picture.jpg',
multiple: null,
onlyImages: null
})
};
</code-block>
</div>
</example-box>
@ -114,9 +152,6 @@
initialValue: 'my-profile-picture.jpg',
multiple: null,
onlyImages: null
}),
methods: {
}
})
};
</script>