added example

Author: otissv

README.md

@@ -1,8 +1,59 @@
-<div><section><h1>React UIkit Article</h1><p>Create articles within your page.</p><p><a href="http://otissv.github.io/react-uikit-components/">http://otissv.github.io/react-uikit-components</a> for docs.</p></section><section><h2>Usage</h2><pre data-kitid="ciiumo6jt000041mdhdejr4cc"><code>npm install react-uikit-article --save;
+#React UIkit Article
 
-// ES6
-import Article from &#x27;react-uikit-article&#x27;;
+Create articles within your page.
 
-// ES5
-var Article = require(&#x27;react-uikit-article&#x27;);
-</code></pre></section><section><h2>Tests</h2><p><code>npm run test</code> to run tests with minimal output.<br/><code>npm run test:spec</code> to run tests with detailed output.<br/><code>npm run test:watch</code>watches all directories and run tests with minimal output on file changes.<br/></p></section><section><h2>Build</h2><p><code>npm run build</code> to build files fro distribution.<br/><code>npm run build:watch</code> watches src directory and builds files on changes.<br/></p></section><section><h2>Lint</h2><p><code>npm run lint</code> lints scripts in src directory.<br/><code>npm run lint:watch</code> watches src directory and lints scripts in src directory.<br/></p></section><section><h2>License</h2><p>MIT</p></section></div>
+See [http://otissv.github.io/react-uikit-components/](http://otissv.github.io/react-uikit-components) for docs.
+
+
+##Usage
+
+###Installation
+
+    npm install react-uikit-article --save;
+
+    // ES6
+    import Article from 'react-uikit-article';
+
+    // ES5
+    var Article = require('react-uikit-article');
+
+
+### Example
+    <Article
+      title='Article title'
+      meta='Written by Super User on 12 April 2012. Posted in Blog'
+      lead='Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua.' >
+
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+      </p>
+
+      <hr className="uk-article-divider" />
+
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+      </p>
+      <a href="#">Read more</a>
+    </Article>
+
+##Tests
+
+`npm run test`to run tests with minimal output.  
+`npm run test:spec` to run tests with detailed output.  
+`npm run test:watch` watches all directories and run tests with minimal output on file changes.
+
+##Build
+`npm run build` to build files fro distribution.  
+`npm run build:watch` watches src directory and builds files on changes.
+
+##Lint
+`npm run lint` lints scripts in src directory.  
+`npm run lint:watch` watches src directory and lints scripts in src directory.
+
+##License
+MIT

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-uikit-article",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "React uikit article component to create articles within a page.",
   "keywords": [
     "javascript",