diff --git a/src/pages/views-showcase.js b/src/pages/views-showcase.js
index d73f804c..f1b389ed 100644
--- a/src/pages/views-showcase.js
+++ b/src/pages/views-showcase.js
@@ -25,9 +25,10 @@ The following properties are supported by any view:
 The order of evaluation during a view render:
 
 \`\`\`js
-render start                                               
-|          input data  | output data (the result of "data" evaluation if any)
-\\-> [when] --> [data] --> [whenData] --> [postRender] --> [className] --> render finish
+                          input data | output data (the result of "data" evaluation if any)
+                                     |
+render start ---> [when] --> [data] -|-> [whenData] --> [postRender] --> [className] --> render finish
+                                     |
 \`\`\`
 
 When \`data\` property is specified, it changes flow's data according the following rules:
diff --git a/src/views/button.usage.js b/src/views/button.usage.js
index 04cab34d..bf924d83 100644
--- a/src/views/button.usage.js
+++ b/src/views/button.usage.js
@@ -3,7 +3,7 @@
 export default (view, group) => ({
     demo: {
         view,
-        onClick: () => alert('Hello world!'),
+        onClick: Function('return () => alert("Hello world!")')(),
         data: {
             text: 'Button'
         }