diff --git a/docs/app/pages/Components/File/examples/FileField.vue b/docs/app/pages/Components/File/examples/FileField.vue index 7e233e377..bd97dc32a 100644 --- a/docs/app/pages/Components/File/examples/FileField.vue +++ b/docs/app/pages/Components/File/examples/FileField.vue @@ -2,43 +2,45 @@ <div> <md-field> <label>Single</label> - <md-file/> + <md-file v-model="single" /> </md-field> <md-field> <label>Upload files</label> - <md-file placeholder="A nice input placeholder"/> + <md-file v-model="placeholder" placeholder="A nice input placeholder" /> </md-field> <md-field> <label>Disabled</label> - <md-file disabled/> + <md-file v-model="disabled" disabled/> </md-field> <md-field> <label>Initial value</label> - <md-file v-model="initial"/> + <md-file v-model="initial" /> </md-field> <md-field> <label>Multiple</label> - <md-file multiple v-model="multiple"/> + <md-file v-model="multiple" multiple /> </md-field> <md-field> <label>Only images</label> - <md-file accept="image/*" v-model="single"/> + <md-file v-model="single" accept="image/*" /> </md-field> </div> </template> <script> -export default { - name: 'FileField', - data: () => ({ - initial: 'vue-material-is-awesome.jpg', - single: null, - multiple: null - }) -} + export default { + name: 'FileField', + data: () => ({ + initial: 'vue-material-is-awesome.jpg', + single: null, + placeholder: null, + disabled: null, + multiple: null + }) + } </script>