Wiki source code of FileUpload
Last modified by Thiago Krieck on 2023/12/05 12:18
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | Properties | ||
| 2 | |||
| 3 | * Label | ||
| 4 | * State | ||
| 5 | ** Normal | ||
| 6 | ** Disabled | ||
| 7 | |||
| 8 | ==== Shoelace ==== | ||
| 9 | |||
| 10 | Shoelace does not have a file upload component. It should be made as a custom component | ||
| 11 | |||
| 12 | ==== vue-dsfr ==== | ||
| 13 | |||
| 14 | [[https:~~/~~/vue-dsfr.netlify.app/?path=/docs/composants-dsfrfileupload~~-~~-docs>>https://vue-dsfr.netlify.app/?path=/docs/composants-dsfrfileupload--docs]] | ||
| 15 | |||
| 16 | **Normal** | ||
| 17 | |||
| 18 | {{code language="html"}} | ||
| 19 | <template> | ||
| 20 | <DsfrFileUpload | ||
| 21 | :id="id" | ||
| 22 | :label="label" | ||
| 23 | :hint="hint" | ||
| 24 | :error="error" | ||
| 25 | :validMessage="validMessage" | ||
| 26 | :disabled="disabled" | ||
| 27 | /> | ||
| 28 | </template> | ||
| 29 | {{/code}} | ||
| 30 | |||
| 31 | ==== Vuetify ==== | ||
| 32 | |||
| 33 | [[https:~~/~~/vuetifyjs.com/en/components/file-inputs/>>url:https://vuetifyjs.com/en/components/file-inputs/]] | ||
| 34 | |||
| 35 | **Normal** | ||
| 36 | |||
| 37 | {{code language="html"}} | ||
| 38 | <v-file-input label="File input"></v-file-input> | ||
| 39 | {{/code}} | ||
| 40 | |||
| 41 | **Disabled** | ||
| 42 | |||
| 43 | {{code language="html"}} | ||
| 44 | <v-file-input disabled label="File input"></v-file-input> | ||
| 45 | {{/code}} |
