# vim: sw=3 ts=3 ft=org

#+TITLE: Draggable Element Element
#+STYLE: <LINK href='../stylesheet.css' rel='stylesheet' type='text/css' />
#+AUTHOR: Rusty Klophaus (@rustyio)
#+OPTIONS:   H:2 num:1 toc:1 \n:nil @:t ::t |:t ^:t -:t f:t *:t <:t
#+EMAIL: 
#+TEXT: [[file:../index.org][Getting Started]] | [[file:../api.org][API]] | [[file:../elements.org][*Elements*]] | [[file:../actions.org][Actions]] | [[file:../validators.org][Validators]] | [[file:../handlers.org][Handlers]] | [[file:../config.org][Configuration Options]] | [[file:../about.org][About]]

* Draggable Element - #draggable {}

  The draggable element allows you to make a block of Nitrogen elements draggable by the user.

  Combine the draggable element with the droppable element to allow drag and drop behavior.

** Usage

#+BEGIN_SRC erlang
   #draggable { tag=drag1, clone=true, revert=false, handle=grip, body=[
     #image { class=grip, url="/images/handle.png" },
     #span { text="This is a draggable block." }
   ]}
#+END_SRC

** Attributes

   + tag - (/Erlang term/) :: The drag term to pass into the drop\_event/2 event.

   + body - (/Nitrogen elements/) :: The elements that will be draggable.

   + group - (/atom or string/) :: The name of this drag group, for use in the droppable element's accept\_groups attribute.

   + handle - (/atom or string/) :: 

   + clone - (/boolean/) :: 

   + revert - (/boolean/) :: 

** See Also

   + [[./droppable.html][Droppable]]
