Drag and drop resizable tiles on a responsive grid
add a GridTiles component to your page
import your components in the layout.js file
hard code a startup layout or build one from an optional toolbar once the page loads
allow users to add particular components from the drop down, if you want
your components appear inside the Tiles!
svelte is awesome!
works in Firefox, Chrome, and Epiphany, so should work in Safari too
TODO: allow saving of custom layouts
TODO: enable touch interaction, currently mouse only
check it out:
at the REPL:
https://svelte.dev/repl/b993c8f5fa9f4105aa9a246321025166?version=3.46.4
or by getting yourself a svelte template:
npx degit sveltejs/template my-svelte-project
cd my-svelte-project
npm install
then plop the files from this GridTiles repo into your new /src folder and run:
npm run dev