FileUploaderButton icon

[slashinfty]

Is it possible to add an icon to the FileUploaderButton?

[metonym]

Not currently, but this should be supported. Created #2433 to track.

[metonym]

Completed via #2434

This will be included in the next release.

[metonym]

Released in v0.97.0. See Documentation

Usage

Button with icon

<script>
  import { FileUploaderButton } from "carbon-components-svelte";
  import Add from "carbon-icons-svelte/lib/Add.svelte";
  import DocumentAdd from "carbon-icons-svelte/lib/DocumentAdd.svelte";
</script>

<FileUploaderButton icon={Add} labelText="Add file" />
<FileUploaderButton
  icon={DocumentAdd}
  labelText="Upload document"
  kind="secondary"
/>

Icon-only

<script>
  import { FileUploaderButton } from "carbon-components-svelte";
  import Add from "carbon-icons-svelte/lib/Add.svelte";
  import DocumentAdd from "carbon-icons-svelte/lib/DocumentAdd.svelte";
</script>

<FileUploaderButton labelText="" iconDescription="Add file" icon={Add} />
<FileUploaderButton
  labelText=""
  iconDescription="Upload document"
  icon={DocumentAdd}
  kind="secondary"
/>