Added examples in docs

Author: crup

docs/api.mdx

@@ -0,0 +1,16 @@
+---
+name: API
+route: /api
+---
+
+# API
+
+| Name  | Type |  Description |
+| ------------- | ------------- | ------------- |
+| children  | object (required)  |    Define your react component here           |
+| start | number (required)  | A start value for the timer               |
+| end | function (required)  | A function which determines the end for the timer              |
+| interval | number | An interval value for the timer. Default is 1 second               |
+| onTick | function (required)  | A callback function where the next computed value is determined               |
+| onEnd | function   | A callback function which executes when the timer stops executing               |
+---

docs/index.html

@@ -0,0 +1,8 @@
+---
+name: Introduction
+route: /
+---
+
+# Introduction
+
+> A minimalistic yet customizable timer component!

docs/introduction.mdx

@@ -0,0 +1,61 @@
+---
+name: Playground
+route: /playground
+---
+
+# Playground
+
+import { Playground } from 'docz'
+import ReactTimer from '../src/index'
+
+## Incremental timer
+
+<Playground>
+    <ReactTimer
+        start={0}
+        end={(value) => value === 30}
+        onEnd={(value) => console.log('ENDED WITH VALUE', value)}
+        onTick={(value) => value + 1}
+    >
+        {(time) => <div>{time}</div>}
+    </ReactTimer>
+</Playground>
+
+## Decremental timer
+
+<Playground>
+    <ReactTimer
+        start={30}
+        end={(value) => value < 25}
+        onEnd={(value) => console.log('ENDED WITH VALUE', value)}
+        onTick={(value) => value - 1}
+    >
+        {(time) => <div>{time}</div>}
+    </ReactTimer>
+</Playground>
+
+## Infinite timer
+
+<Playground>
+    <ReactTimer
+        start={0}
+        end={() => false}
+        onEnd={(value) => console.log('ENDED WITH VALUE', value)}
+        onTick={(value) => value + 1}
+    >
+        {(time) => <div>{time}</div>}
+    </ReactTimer>
+</Playground>
+
+## Basic Clock
+
+<Playground>
+    <ReactTimer
+        start={0}
+        end={() => false}
+        onEnd={(value) => console.log('ENDED WITH VALUE', value)}
+        onTick={(value) => value + 1}
+    >
+        {() => (new Date()).toString()}
+    </ReactTimer>
+</Playground>

docs/playground.mdx

@@ -0,0 +1,7 @@
+module.exports = {
+  base: '/react-timer/',
+  title: 'React Timer',
+  hashRouter: true,
+  ignore: ['readme.md'],
+  src: './docs'
+}