Make better readme (#5)

Author: notwillk

README.md

@@ -1,9 +1,55 @@
 # react-wizard-flow
-[![CircleCI](https://circleci.com/gh/notwillk/react-wizard-flow.svg?style=shield)](https://circleci.com/gh/notwillk/react-wizard-flow)
 
 [![npm downloads](https://img.shields.io/npm/dm/react-wizard-flow.svg?style=flat-square)](https://www.npmjs.com/package/react-wizard-flow)
 [![gzip size](https://img.badgesize.io/https://unpkg.com/react-wizard-flow?compression=gzip&style=flat-square)](https://unpkg.com/react-wizard-flow)
 [![npm version](https://img.shields.io/npm/v/react-wizard-flows.svg?style=flat-square)](https://www.npmjs.com/package/react-wizard-flow)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 
+## Usage
+
+```typescript
+import { createWizardFlow, useWizardFlow } from 'react-wizard-flow';
+
+enum TestSteps {
+  step1,
+  step2,
+}
+
+const WizardFlow = createWizardFlow(TestSteps);
+
+function Step1() {
+  const { transition, close } = useWizardFlow(WizardFlow);
+  return (
+    <div>
+      <header>Step 1</header>
+      <button onClick={() => transition(TestSteps.step1)}>To Step 1</button>
+      <button onClick={() => transition(TestSteps.step2)}>To Step 2</button>
+      <button onClick={close}>Close</button>
+    </div>
+  );
+}
+
+function Step2() {
+  const { transition, close } = useWizardFlow(WizardFlow);
+  return (
+    <div>
+      <header>Step 1</header>
+      <button onClick={() => transition(TestSteps.step1)}>To Step 1</button>
+      <button onClick={() => transition(TestSteps.step2)}>To Step 2</button>
+      <button onClick={close}>Close</button>
+    </div>
+  );
+}
+
+const STEPS = {
+  [TestSteps.step1]: <Step1 />,
+  [TestSteps.step2]: <Step2 />,
+};
+
+export default function() {
+  const onClose = () => { console.log('Flow closed'); }
+  return <WizardFlow.Provider initialStep={TestSteps.step1} steps={STEPS} onClose={onClose} />
+}
+```
+
 This README was generated by [anansi](https://github.com/ntucker/anansi/tree/master/packages/generator-js#readme).

package.json

@@ -1,8 +1,8 @@
 {
   "name": "react-wizard-flow",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "packageManager": "[email protected]",
-  "description": "react-wizard-flow - An Anansi project",
+  "description": "react-wizard-flow",
   "scripts": {
     "lint": "eslint src --ext .ts,.tsx",
     "format": "npm run lint --fix",