Add example with changing onMessage

Author: Minishlink

docs/.storybook/addons.js

@@ -1,2 +1,3 @@
 import '@storybook/addon-options/register';
 import '@storybook/addon-actions/register';
+import '@storybook/addon-knobs/register';

docs/.storybook/config.js

@@ -1,5 +1,8 @@
 import { setOptions } from '@storybook/addon-options';
-import { configure } from '@storybook/react';
+import { configure, addDecorator } from '@storybook/react';
+import { withKnobs } from '@storybook/addon-knobs';
+
+addDecorator(withKnobs);
 
 setOptions({
   name: 'WebView',

docs/package.json

@@ -4,11 +4,10 @@
     "start": "start-storybook -p 9001 -c ./.storybook",
     "release": "yarn build && git checkout gh-pages && rm -rf ../storybook && mv dist ../storybook && git add -A && git commit -m \"Storybook deploy\" && git push origin gh-pages && git checkout -"
   },
-  "dependencies": {
-    "@storybook/addon-options": "^3.2.10",
-    "@storybook/react": "^3.1.9"
-  },
   "devDependencies": {
-    "@storybook/addon-actions": "^3.2.11"
+    "@storybook/react": "^3.2.12",
+    "@storybook/addon-options": "^3.2.12",
+    "@storybook/addon-actions": "^3.2.12",
+    "@storybook/addon-knobs": "^3.2.12"
   }
 }

docs/stories/uri.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import WebView from 'WebView';
 import { action } from '@storybook/addon-actions';
+import { text } from '@storybook/addon-knobs';
 
 export const basic = () => <WebView source={{ uri: 'https://www.youtube.com/embed/dQw4w9WgXcQ' }} />;
 
 export const onMessage = () => (
-  <WebView source={{ uri: require('./onMessage.html') }} onMessage={action('onMessage')} />
+  <WebView source={{ uri: require('./onMessage.html') }} onMessage={action(text('Text', 'onMessage'))} />
 );