mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
parent
e9016a5f8d
commit
495ae2780a
4 changed files with 22 additions and 22 deletions
|
@ -1,7 +1,7 @@
|
|||
<script>
|
||||
/**
|
||||
* @event {FileList} add
|
||||
* @event {FileList} remove
|
||||
* @event {File[]} add
|
||||
* @event {File[]} remove
|
||||
*/
|
||||
|
||||
/**
|
||||
|
@ -18,7 +18,7 @@
|
|||
|
||||
/**
|
||||
* Obtain the uploaded file names
|
||||
* @type {FileList}
|
||||
* @type {File[]}
|
||||
*/
|
||||
export let files = [];
|
||||
|
||||
|
@ -95,11 +95,11 @@
|
|||
kind="{kind}"
|
||||
on:change
|
||||
on:change="{({ target }) => {
|
||||
files = [...target.files].map(({ name }) => name);
|
||||
files = [...target.files];
|
||||
}}"
|
||||
/>
|
||||
<div class:bx--file-container="{true}">
|
||||
{#each files as name, i (name)}
|
||||
{#each files as { name }, i (name)}
|
||||
<span class:bx--file__selected-file="{true}">
|
||||
<p class:bx--file-filename="{true}">{name}</p>
|
||||
<span class:bx--file__state-container="{true}">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue