Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@dflex/draggable

Package Overview
Dependencies
Maintainers
1
Versions
75
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@dflex/draggable - npm Package Compare versions

Comparing version 0.3.3 to 0.4.0

4

package.json
{
"name": "@dflex/draggable",
"version": "0.3.3",
"version": "0.4.0",
"main": "dist/dflexDraggable.min.cjs.js",

@@ -41,3 +41,3 @@ "umd:main": "dist/dflexDraggable.min.umd",

},
"gitHead": "be30682e6007ea793dee2c80bcc2e587edab181e"
"gitHead": "41b8998914fff78e00ad87ccb94adc1cd318e966"
}

@@ -10,2 +10,13 @@ # @dflex/draggable

## Documentation
Visit DFlex site for more <https://jalal246.github.io/dflex/> and to see live
examples with the full code.
## Installation
```bash
npm install @dflex/draggable
```
<p align="center">

@@ -17,12 +28,14 @@ <img

## Documentation
## Features
Visit DFlex site for more <https://jalal246.github.io/dflex/> and to see live examples with the full code.
- You can add strictly draggable, moving only horizontal or vertical by yourself
because you control dragging coordinations.
## Installation
- You can control the clickable area, simply because it's a mouse event. Could
be on the entire element or a small button of the element. It's up to you.
```bash
npm install @dflex/draggable
```
- You know when the dragging is going to start and end without adding additional API functions.
- It can be nested dragging. Related to a list of elements or just one element It doesn't matter. It is always the same.
## API

@@ -77,3 +90,3 @@

dragValue: string;
afterDragValue?: string;
afterDragValue:? string;
}

@@ -117,19 +130,24 @@ ```

## Key points
### Implementations
- You can add strictly draggable, moving only horizontal or vertical by yourself
because you control dragging coordinations.
- [Full React example](https://github.com/jalal246/dflex/tree/master/packages/draggable/playgrounds/dflex-react-draggable)
- You can control the clickable area, simply because it's a mouse event. Could
be on the entire element or a small button of the element. It's up to you.
- [Full Vue example](https://github.com/jalal246/dflex/tree/master/packages/draggable/playgrounds/dflex-vue-draggable)
- You know when the dragging is going to start and end without adding additional API functions.
## Project Content
- It can be nested dragging. Related to a list of elements or just one element It doesn't matter. It is always the same.
DFlex Draggable is part of project contains:
### Implementations
- [DOM Generator](https://github.com/jalal246/dflex/tree/master/packages/dom-gen) DOM
relations generator algorithm. Generate relations between DOM elements based
on element depth without a browser.
- [Full React example](https://github.com/jalal246/dflex/tree/master/packages/draggable/playgrounds/dflex-react-draggable)
- [DOM Store](https://github.com/jalal246/dflex/tree/master/packages/store) The
only Store that allows you to traverse through the DOM tree using element id
without reading from the browser.
- [Full Vue example](https://github.com/jalal246/dflex/tree/master/packages/draggable/playgrounds/dflex-vue-draggable)
- [Drag & Drop](https://github.com/jalal246/dflex/tree/master/packages/dnd) A
Simple, lightweight Solution for a Drag & Drop App based on enhanced DOM store
algorithm. You can achieve a drag and drop with three steps only with mouse
event.

@@ -136,0 +154,0 @@ ## Test

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc