Svelte File Dropzone
Svelte component for fileupload
Overview:
The svelte-file-dropzone is a component for file upload and dropzone in SvelteJS. It is a Svelte implementation of the react-dropzone component. It allows users to easily upload files by dragging and dropping them onto a designated area.
Features:
- Accept file types: Users can set accepted file types for upload.
- Disabled: Allows users to disable the file dropzone component.
- Max Size: Users can set a maximum file size for uploads.
- Min Size: Users can set a minimum file size for uploads.
- Multiple files: Supports selection and upload of multiple files at once.
- Prevent drop on document: Users can prevent files from being dropped outside of the designated dropzone area.
- No Click: Disables click events for the file dropzone component.
- No Keyboard: Disables keyboard events for the file dropzone component.
- No Drag: Disables drag events for the file dropzone component.
- Customization: Users can apply custom container classes and inline styles to the component.
- Disable Default Styles: Allows users to disable the default styles applied to the file dropzone container.
- Input Element Reference: Provides a reference to the input element for advanced functionality.
- Required: Adds the HTML5 required attribute to the input element.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Storybook
Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.
