chore: update example basic

examples/basic/package.json

@@ -6,6 +6,9 @@
     "start": "playgrodd start"
   },
   "dependencies": {
-    "playgrodd": "0.0.0"
+    "playgrodd": "^0.0.1"
+  },
+  "devDependencies": {
+    "babel-preset-react": "^6.24.1"
   }
 }

examples/basic/src/Alert.jsx

@@ -0,0 +1,8 @@
+/**
+ * @playgrodd
+ * @name: Alert
+ */
+
+import React from 'react'
+
+export const doc = () => <div>hello</div>

examples/basic/src/Button.doc.jsx

@@ -1,10 +0,0 @@
-/**
- * @playgrodd
- * @name: Button
- */
-
-import React from 'react'
-import { doc } from 'playgrodd'
-import { Button } from './Button'
-
-doc(() => <Button>Click me</Button>)

examples/basic/src/Button.jsx

@@ -1,3 +1,8 @@
+/**
+ * @playgrodd
+ * @name: Button
+ */
+
 import React from 'react'
 
-export const Button = ({ children }) => <button>{children}</button>
+export const doc = () => <button>click me</button>