[READ-ONLY] Mirror of https://github.com/probablykasper/svelte-droplet. File dropzone for Svelte svelte-droplet.kasper.space
file-drop svelte typescript
0

Configure Feed

Select the types of activity you want to include in your feed.

Add `name` property, closes #1

Kasper (Dec 28, 2022, 7:04 PM +0100) 21f03252 426adb9d

+10
+3
CHANGELOG.md
··· 1 1 # Changelog 2 2 3 + ## Next 4 + - Add `name` property 5 + 3 6 ## 0.2.1 - 2022 Nov 18 4 7 - Add `role` and `aria-label` accessibility attributes 5 8
+1
README.md
··· 38 38 | `acceptedMimes` | string[] \| null | List of allowed mime types, like `image/jpeg` or `image/*`. Invalid files are ignored.<br>Defaults to `null` (all are allowed) | 39 39 | `max` | number \| null | Max number of files allowed. Extra files are ignored. Defaults to 0 (no limit) | 40 40 | `disabled` | boolean | Disables the component | 41 + | `name` | string \| null | Name of the input field, useful for forms | 41 42 | `tabindex` | number | Set a custom tabindex | 42 43 43 44 ## Slot props
+6
src/lib/FileDrop.svelte
··· 25 25 export let disabled = false 26 26 27 27 /** 28 + * Name of the input field, useful for forms 29 + */ 30 + export let name: string | null | undefined = undefined 31 + 32 + /** 28 33 * Set a custom tabindex 29 34 */ 30 35 export let tabindex = 0 ··· 134 139 on:change|preventDefault={handleChange} 135 140 bind:this={input} 136 141 {disabled} 142 + {name} 137 143 /> 138 144 139 145 <style lang="sass">