diff --git a/docs/src/pages/components/FileUploader.svx b/docs/src/pages/components/FileUploader.svx index 41495182..2d75da65 100644 --- a/docs/src/pages/components/FileUploader.svx +++ b/docs/src/pages/components/FileUploader.svx @@ -11,10 +11,16 @@ components: ["FileUploaderButton", "FileUploader", "FileUploaderDropContainer", By default, the file uploader only accepts one file. -Set `multiple` to `true` for multiple files to be uploaded. +Set `multiple` to `true` for multiple files to be accepted. +## Custom button kind + +By default, the `primary` button kind is used. + + + ## File uploader The `FileUploader` wraps `FileUploaderButton` and lists out uploaded files. diff --git a/src/FileUploader/FileUploaderButton.svelte b/src/FileUploader/FileUploaderButton.svelte index 630b9304..f2f0d912 100644 --- a/src/FileUploader/FileUploaderButton.svelte +++ b/src/FileUploader/FileUploaderButton.svelte @@ -74,6 +74,8 @@ class:bx--btn--tertiary="{kind === 'tertiary'}" class:bx--btn--ghost="{kind === 'ghost'}" class:bx--btn--danger="{kind === 'danger'}" + class:bx--btn--danger-tertiary="{kind === 'danger-tertiary'}" + class:bx--btn--danger-ghost="{kind === 'danger-ghost'}" on:keydown on:keydown="{({ key }) => { if (key === ' ' || key === 'Enter') {