Add action bar to drawer example

rigor789 · rigor789 · commit 462d06284344 · 2017-11-10T12:48:17.000Z
diff --git a/samples/app/app-with-view-directive.js b/samples/app/app-with-view-directive.js
@@ -6,14 +6,19 @@ Vue.registerElement(
 
 new Vue({
   template: `
-    <RadSideDrawer ref="drawer">
-      <StackLayout ~drawerContent backgroundColor="white">
-        <Label text="Drawer" />
-      </StackLayout>
-      <StackLayout ~mainContent >
-        <Label text="Main" />
-        <Button text="Open Drawer" @tap="$refs.drawer.nativeView.showDrawer()"/>
-      </StackLayout>
-    </RadSideDrawer>
+    <Page>
+      <ActionBar text="Drawer Sample">
+          <ActionItem text="Menu" @tap="$refs.drawer.nativeView.showDrawer()"/>
+      </ActionBar>  
+      <RadSideDrawer ref="drawer">
+        <StackLayout ~drawerContent backgroundColor="white">
+          <Label text="Drawer" />
+        </StackLayout>
+        <StackLayout ~mainContent >
+          <Label text="Main" />
+          <Button text="Open Drawer" @tap="$refs.drawer.nativeView.showDrawer()"/>
+        </StackLayout>
+      </RadSideDrawer>
+    </Page>
   `
 }).$start()
