https://github.com/pupubird/svelte-draggable-draw

A draggable draw/modal just like what you see in native mobile
https://github.com/pupubird/svelte-draggable-draw

Last synced: 3 months ago
JSON representation

A draggable draw/modal just like what you see in native mobile

• Host: GitHub
• URL: https://github.com/pupubird/svelte-draggable-draw
• Owner: pupubird
• Created: 2020-07-24T06:02:39.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-10-14T17:16:18.000Z (4 months ago)
• Last Synced: 2024-10-29T00:39:23.645Z (3 months ago)
• Language: Svelte
• Size: 571 KB
• Stars: 31
• Watchers: 0
• Forks: 2
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-starred - pupubird/svelte-draggable-draw - A draggable draw/modal just like what you see in native mobile (others)

README

        
# Svelte draggable draw/modal

A svelte draggable draw/modal just like what you had seen in any of the mobile app!

## Demo

![example](/example.gif)

[Svelte.dev Repl](https://svelte.dev/repl/a76f1b9d987c43f1ac457efb189d5d0d)

TODO:

- [ ] Allow adjustment for width

- [ ] Allow adjustment for custom unit instead of viewport only

- [ ] Allow adjustment for custom box shadow

- [ ] Allow adjustment for custom padding

## Setting up

```bash

npm install svelte-draggable-draw

```

## Consuming components

```html

    import DraggableDraw from 'svelte-draggable-draw';

    let visible = true;

    let maxVH = 90;

    let minVH = 85;

    function switchVisible(){

        visible = !visible;

    }

Click me to open

    Cancel

    Submit

    


        
Content

        
Can be injected here

    


```

Enjoy😎!