diff --git a/components/lib/fileupload/BaseFileUpload.vue b/components/lib/fileupload/BaseFileUpload.vue index a0508d768..8e703415d 100644 --- a/components/lib/fileupload/BaseFileUpload.vue +++ b/components/lib/fileupload/BaseFileUpload.vue @@ -99,7 +99,23 @@ export default { default: undefined }, style: null, - class: null + class: null, + chooseButtonProps: { + type: null, + default: null + }, + uploadButtonProps: { + type: Object, + default() { + return { severity: 'secondary' }; + } + }, + cancelButtonProps: { + type: Object, + default() { + return { severity: 'secondary' }; + } + } }, style: FileUploadStyle, provide() { diff --git a/components/lib/fileupload/FileUpload.d.ts b/components/lib/fileupload/FileUpload.d.ts index 07cb698fc..cf7ca6468 100755 --- a/components/lib/fileupload/FileUpload.d.ts +++ b/components/lib/fileupload/FileUpload.d.ts @@ -444,6 +444,24 @@ export interface FileUploadProps { * Style class of the component. */ class?: any; + /** + * Used to pass all properties of the ButtonProps to the choose button inside the component. + * @type {ButtonProps} + * @defaultValue null + */ + chooseButtonProps?: object | undefined; + /** + * Used to pass all properties of the ButtonProps to the upload button inside the component. + * @type {ButtonProps} + * @defaultValue { severity: 'secondary' } + */ + uploadButtonProps?: object | undefined; + /** + * Used to pass all properties of the ButtonProps to the cancel button inside the component. + * @type {ButtonProps} + * @defaultValue { severity: 'secondary' } + */ + cancelButtonProps?: object | undefined; /** * It generates scoped CSS variables using design tokens for the component. */ diff --git a/components/lib/fileupload/FileUpload.vue b/components/lib/fileupload/FileUpload.vue index 7cd1509e1..2303d006e 100755 --- a/components/lib/fileupload/FileUpload.vue +++ b/components/lib/fileupload/FileUpload.vue @@ -3,21 +3,33 @@