From 40d1d9dc0fbaa02abfe022aab206ea1a81dae9ea Mon Sep 17 00:00:00 2001
From: cotne nazarashvili <cotne.95@gmail.com>
Date: Thu, 7 Dec 2017 01:23:31 +0400
Subject: [PATCH] Update README.md

---
 README.md | 74 ++++++++++++++++++++++++++++---------------------------
 1 file changed, 38 insertions(+), 36 deletions(-)

diff --git a/README.md b/README.md
index 174149c..7313cdd 100644
--- a/README.md
+++ b/README.md
@@ -8,52 +8,54 @@
 
 ## Usage
 
-    React = require 'react'
-    {div} = React.DOM
-    Dragarea = React.createFactory(require '../index')
+```coffee
+React = require 'react'
+{div} = React.DOM
+Dragarea = React.createFactory(require '../index')
 
-    App = React.createClass
+App = React.createClass
 
-      _onDrop: (file) ->
-        console.log file
+  _onDrop: (file) ->
+    console.log file
 
-      _onRootDrop: ->
-        console.log 'root'
+  _onRootDrop: ->
+    console.log 'root'
 
-      render: ->
-        div null,
-          Dragarea
-            onDrop: @_onRootDrop,
-
-            for item in [1..10]
-              Dragarea
-                className: 'droparea-item'
-                key: item
-                onDrop: @_onDrop,
-                  div 'Totally placeholder 1'
-                  div 'Totally placeholder 2'
-                  div 'Totally placeholder 3'
-
-    React.render(React.createElement(App), document.getElementById('app'))
+  render: ->
+    div null,
+      Dragarea
+        onDrop: @_onRootDrop,
 
+        for item in [1..10]
+          Dragarea
+            className: 'droparea-item'
+            key: item
+            onDrop: @_onDrop,
+              div 'Totally placeholder 1'
+              div 'Totally placeholder 2'
+              div 'Totally placeholder 3'
+
+React.render(React.createElement(App), document.getElementById('app'))
+```
 You can fiddle with prepared demo. Clone the repo, `npm install` and `npm start`.
 Then visit `localhost:3000`.
 
 ## Options - React props
 
-    disableClick: React.PropTypes.bool
-    onDragEnter: React.PropTypes.func
-    onDragEnterStopPropagation: React.PropTypes.bool
-    onDragLeave: React.PropTypes.func
-    onDragLeaveStopPropagation: React.PropTypes.bool
-    onDrop: React.PropTypes.func
-    onDropStopPropagation: React.PropTypes.bool
-    dropEffect: React.PropTypes.string
-    className: React.PropTypes.string
-    activeClassName: React.PropTypes.string
-    multiple: React.PropTypes.bool
-    supportedFormats: React.PropTypes.arrayOf(React.PropTypes.string)
-
+```coffee
+disableClick: React.PropTypes.bool
+onDragEnter: React.PropTypes.func
+onDragEnterStopPropagation: React.PropTypes.bool
+onDragLeave: React.PropTypes.func
+onDragLeaveStopPropagation: React.PropTypes.bool
+onDrop: React.PropTypes.func
+onDropStopPropagation: React.PropTypes.bool
+dropEffect: React.PropTypes.string
+className: React.PropTypes.string
+activeClassName: React.PropTypes.string
+multiple: React.PropTypes.bool
+supportedFormats: React.PropTypes.arrayOf(React.PropTypes.string)
+```
 ## Credits
 
 This library is inspired by [react-dropzone](https://github.com/paramaggarwal/react-dropzone) by Param Aggarwal.