simpledragger
TypeScript icon, indicating that this package has built-in type declarations

0.4.0 • Public • Published

simpledragger

add script tag to load the web-component

<script type="module" src="https://unpkg.com/simpledragger" />

use the window component

<simple-dragger-window onclose="event.target.remove()">
    <strong slot="title">draggable</strong>
    <p>not draggable</p>
</simple-dragger-window>

use the low-level component

<simple-dragger>
    <strong data-draggable>draggable</strong>
    <hr />
    <p>not draggable</p>
</simple-dragger>

or use the low-level api

<div class="test">
    <header data-draggable>
        <strong>draggable</strong>
    </header>
    <hr />
    <p>not draggable</p>
</div>

<script type="module">
    import { makeDraggable } from "https://unpkg.com/simpledragger";
    // make an element draggable
    makeDraggable(document.querySelector(".test"), document.querySelector(".test > [data-draggable]"));
</script>

Readme

Keywords

none

Package Sidebar

Install

npm i simpledragger

Weekly Downloads

6

Version

0.4.0

License

none

Unpacked Size

32.2 kB

Total Files

14

Last publish

Collaborators

  • yieldray