mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 19:46:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(file-uploader-button): support "danger-tertiary", "danger-ghost" button variants

Browse source
This commit is contained in:
metonym 2023-07-23 14:31:07 -07:00
commit 2110ca743a
2 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/src/pages/components/FileUploader.svx
View file

@ -11,10 +11,16 @@ components: ["FileUploaderButton", "FileUploader", "FileUploaderDropContainer",
By default, the file uploader only accepts one file. 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.
<FileUploaderButton labelText="Add files" /> <FileUploaderButton labelText="Add files" />
## Custom button kind
By default, the `primary` button kind is used.
<FileUploaderButton kind="secondary" labelText="Add files" />
## File uploader ## File uploader
The `FileUploader` wraps `FileUploaderButton` and lists out uploaded files. The `FileUploader` wraps `FileUploaderButton` and lists out uploaded files.

2
src/FileUploader/FileUploaderButton.svelte
View file

@ -74,6 +74,8 @@
class:bx--btn--tertiary="{kind === 'tertiary'}" class:bx--btn--tertiary="{kind === 'tertiary'}"
class:bx--btn--ghost="{kind === 'ghost'}" class:bx--btn--ghost="{kind === 'ghost'}"
class:bx--btn--danger="{kind === 'danger'}" 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
on:keydown="{({ key }) => { on:keydown="{({ key }) => {
if (key === ' ' || key === 'Enter') { if (key === ' ' || key === 'Enter') {