PHPackages                             e-frank/yii2-dragula - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. e-frank/yii2-dragula

ActiveYii2-extension[Utility & Helpers](/categories/utility)

e-frank/yii2-dragula
====================

asset-bundle and widget for dragula drag and drop library

03.9k↓79.5%2[1 issues](https://github.com/e-frank/yii2-dragula/issues)PHP

Since Nov 13Pushed 6y ago1 watchersCompare

[ Source](https://github.com/e-frank/yii2-dragula)[ Packagist](https://packagist.org/packages/e-frank/yii2-dragula)[ RSS](/packages/e-frank-yii2-dragula/feed)WikiDiscussions master Synced yesterday

READMEChangelogDependenciesVersions (1)Used By (0)

yii2-dragula
============

[](#yii2-dragula)

yii2 extension / widget for dragula drag and drop library

does not require any other libraries than dragula.

for a detailed documentation and demo see [Dragula example page](http://bevacqua.github.io/dragula/)

configuration options
---------------------

[](#configuration-options)

1. 'containers': either array of strings containing the ids of the HTML containers or a JsExpression containing the javascript code for the selector
2. 'options': array of dragula configuration options, see [Dragula example page](http://bevacqua.github.io/dragula/) or [Dragula on gihub](https://github.com/bevacqua/dragula)
3. events
4. 'drag': JsExpression javascript function `function (el) { ... }`
5. 'drop': JsExpression javascript function `function (el) { ... }`
6. 'over': JsExpression javascript function `function (el, container) { ... }`
7. 'out': JsExpression javascript function `function (el, container) { ... }`

example / usage
---------------

[](#example--usage)

\####1. HTML container for drag and drop items

```

    file 1
    file 2
    file 3

```

\####2. Call widget

```