Added Button Demo

src/Library/demos/Button/main.blp

@@ -0,0 +1,45 @@
+using Gtk 4.0;
+using Adw 1;
+
+ Adw.StatusPage{
+  title: "Button";
+  description: "A simple way to trigger an event";
+
+  Box {
+     orientation: vertical;
+
+     Box {
+      orientation: vertical;
+      halign: center;
+
+      Button test_button {
+        label: "Active Button";
+        margin-bottom: 30;
+        styles ["pill","flat"]
+      }
+
+      Button disabled_button {
+        label: "Disabled Button";
+        margin-bottom: 30;
+        sensitive: false;
+        styles ["pill","destructive-action"]
+      }
+
+      LinkButton{
+        label: "Tutorial";
+        uri: "https://developer.gnome.org/documentation/tutorials/beginners/components/button.html";
+    }
+
+      LinkButton{
+        label: "API Reference";
+        uri: "https://docs.gtk.org/gtk4/class.Button.html";
+    }
+
+      LinkButton{
+        label: "Human Interface Guidelines";
+        uri: "https://developer.gnome.org/hig/patterns/controls/buttons.html";
+    }
+
+     }
+  }
+ }

src/Library/demos/Button/main.js

@@ -0,0 +1,19 @@
+import Gtk from "gi://Gtk?version=4.0";
+import GObject from "gi://GObject";
+
+const test_button = workbench.builder.get_object("test_button");
+function handle_click() {
+  const dialog = new Gtk.MessageDialog({
+    text: "Button was Clicked",
+    transient_for: workbench.window,
+    modal: true,
+    buttons: Gtk.ButtonsType.OK,
+  });
+  dialog.connect("response", () => {
+    dialog.close();
+  });
+
+  dialog.present();
+}
+
+test_button.connect("clicked", handle_click);

src/Library/demos/Button/main.json

@@ -0,0 +1,10 @@
+{
+  "name": "Button",
+  "category": "user_interface",
+  "description": "A simple way to trigger an event",
+  "panels": [
+    "ui",
+    "preview"
+  ],
+  "autorun": true
+}

src/app.gresource.xml

@@ -37,5 +37,8 @@
     <file>Library/demos/Custom Widget/main.ui</file>
     <file>Library/demos/Custom Widget/main.js</file>
     <file>Library/demos/Custom Widget/main.json</file>
+    <file>Library/demos/Button/main.blp</file>
+    <file>Library/demos/Button/main.json</file>
+    <file>Library/demos/Button/main.js</file>
   </gresource>
 </gresources>