Material
Grammi
=
Getting Started
Contribute
Introduction
Configure
Css
Grid System
Colors
Helpers
Typography
Components
Accordion
Alert
Breadcrumbs
Buttons
Calendar
Card
Chat
Checkbox
Chip
Collapse
Component
Countdown
Date
Date Range
Dragable
Dropable
Dropdown
Fixer
Footer
Image
Input
List
Megamenu
Modal
Navbar
Notes
Notifications
Offcanvas
Overlay
Pagination
Radio
Select
Slideshow
Switch
Tab
Table
Text Input
Toast
Widget
Wizard
Dropable
Selector
mg-dropable
Input Options
Filter
Search
name
allowed
type
default
Sort
Select
name
allowed
type
default
name
allowed
type
default
dropFiles
true | false
boolean
true
Output Options
Filter
Search
name
type
Sort
Select
name
type
name
type
onEvent
{ isDraggedOver: boolean, dragEntered: boolean, dragLeft: boolean, dropped: boolean }
dataRecieved
data set by dragable : any
Example
Preview
Code
Do Cool stuff like updating the classes with dragable and dropable
.blue8 .text-grey2
.green8 .text-grey2
.yellow
.grey8 .text-yellow3
This is dropable, drop from above colors to see the result class