+ Welcome to Storybook for Hyperapp
+ This is a UI component dev environment for your Hyperapp components.
+
+ We've added some basic stories inside the stories directory. A story is a single
+ state of one or more UI components. You can have as many stories as you want. (Basically a
+ story is like a visual test case.)
+
+
+ See these sample{' '}
+
+ stories
+ .
+
+
+
+
+
+ Just like that, you can add your own snippets as stories. You can also edit those snippets and
+ see changes right away.
+
+
+ Usually we create stories with smaller UI components in the app. Have a look at the{' '}
+
+ Writing Stories
+ {' '}
+ section in our documentation.
+
+
+);
+
+export default Welcome;
diff --git a/examples/hyperapp-kitchen-sink/src/index.js b/examples/hyperapp-kitchen-sink/src/index.js
new file mode 100644
index 000000000000..9423f9f524a0
--- /dev/null
+++ b/examples/hyperapp-kitchen-sink/src/index.js
@@ -0,0 +1,14 @@
+/* global document */
+import { h, app } from 'hyperapp';
+import App from './components/App';
+
+const state = {
+ count: 0,
+};
+
+const actions = {
+ down: value => prevState => ({ count: prevState.count - value }),
+ up: value => prevState => ({ count: prevState.count + value }),
+};
+
+app(state, actions, App, document.querySelector('#root'));
diff --git a/examples/hyperapp-kitchen-sink/src/logo.svg b/examples/hyperapp-kitchen-sink/src/logo.svg
new file mode 100644
index 000000000000..882f20c970ff
--- /dev/null
+++ b/examples/hyperapp-kitchen-sink/src/logo.svg
@@ -0,0 +1,9 @@
+
+
+