SolidJS bindings for Uppy
yarn add @uppy/core solid-uppy
import Uppy from '@uppy/core';
import { createUppy, useUppyPlugin, useUppyEvent } from 'solid-uppy';
import Dashboard from '@uppy/dashboard';
import ImageEditor from '@uppy/image-editor';
function Example(props) {
// Create an instance
const instance = createUppy(() => new Uppy());
// Use some plugins
useUppyPlugin(instance, 'Dashboard', Dashboard, {
inline: true,
get target() {
return props.element;
},
});
useUppyPlugin(instance, 'ImageEditor', ImageEditor);
// Listen to events
useUppyEvent(instance, 'file-editor:start', (file) => {
console.log(file);
});
}
MIT © lxsmnsyc