[chore] updates README - styles

jaksenko · Jan 28, 2018 · f5b9c11 · f5b9c11
1 parent 0259f05
commit f5b9c11
Showing 1 changed file with 30 additions and 27 deletions.
diff --git a/README.md b/README.md
@@ -98,34 +98,37 @@ Example:
 
 ## Styles
 
-Styles are passed as an object with 2 keys, 'overlay' and 'content' like so
+Styles are passed with the `style` prop, an object with 2 keys, 'overlay' and 'content' like so
 
-```js
-{
-  overlay : {
-    position          : 'fixed',
-    top               : 0,
-    left              : 0,
-    right             : 0,
-    bottom            : 0,
-    backgroundColor   : 'rgba(255, 255, 255, 0.75)'
-  },
-  content : {
-    position                   : 'absolute',
-    top                        : '40px',
-    left                       : '40px',
-    right                      : '40px',
-    bottom                     : '40px',
-    border                     : '1px solid #ccc',
-    background                 : '#fff',
-    overflow                   : 'auto',
-    WebkitOverflowScrolling    : 'touch',
-    borderRadius               : '4px',
-    outline                    : 'none',
-    padding                    : '20px'
-
-  }
-}
+```jsx
+<Modal
+  ...
+  style={{
+    overlay: {
+      position: 'fixed',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: 'rgba(255, 255, 255, 0.75)'
+    },
+    content: {
+      position: 'absolute',
+      top: '40px',
+      left: '40px',
+      right: '40px',
+      bottom: '40px',
+      border: '1px solid #ccc',
+      background: '#fff',
+      overflow: 'auto',
+      WebkitOverflowScrolling: 'touch',
+      borderRadius: '4px',
+      outline: 'none',
+      padding: '20px'
+    }
+  }}
+  ...
+>
 ```
 
 Styles passed to the modal are merged in with the above defaults and applied to their respective elements.