docs: update basic example

rakannimer · rakannimer · commit b49316ba2391 · 2019-11-03T14:32:07.000+02:00
diff --git a/examples/basic/package.json b/examples/basic/package.json
@@ -16,8 +16,7 @@
   "dependencies": {
     "docz": "next",
     "prop-types": "^15.7.2",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
-    "scheduler": "^0.15.0"
+    "react": "^16.11.0",
+    "react-dom": "^16.11.0"
   }
 }
diff --git a/examples/basic/src/components/Alert.jsx b/examples/basic/src/components/Alert.jsx
@@ -8,7 +8,7 @@ const kinds = {
   warning: '#FFA502',
 }
 
-const AlertStyled = ({ children, kind, ...rest }) => (
+export const Alert = ({ children, kind, ...rest }) => (
   <div
     style={{
       padding: 20,
@@ -23,9 +23,10 @@ const AlertStyled = ({ children, kind, ...rest }) => (
   </div>
 )
 
-export const Alert = props => <AlertStyled {...props} />
-
 Alert.propTypes = {
+  /**
+   * The kind prop is used to set the alert's background color
+   */
   kind: t.oneOf(['info', 'positive', 'negative', 'warning']),
 }
 

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ const kinds = {`
`8`	`8`	`warning: '#FFA502',`
`9`	`9`	`}`
`10`	`10`
`11`		`-const AlertStyled = ({ children, kind, ...rest }) => (`
	`11`	`+export const Alert = ({ children, kind, ...rest }) => (`
`12`	`12`	`<div`
`13`	`13`	`style={{`
`14`	`14`	`padding: 20,`
`@@ -23,9 +23,10 @@ const AlertStyled = ({ children, kind, ...rest }) => (`
`23`	`23`	`</div>`
`24`	`24`	`)`
`25`	`25`
`26`		`-export const Alert = props => <AlertStyled {...props} />`
`27`		`-`
`28`	`26`	`Alert.propTypes = {`
	`27`	`+ /**`
	`28`	`+ * The kind prop is used to set the alert's background color`
	`29`	`+ */`
`29`	`30`	`kind: t.oneOf(['info', 'positive', 'negative', 'warning']),`
`30`	`31`	`}`
`31`	`32`