diff --git a/examples/js/simple-bar/widget/Bar.tsx b/examples/js/simple-bar/widget/Bar.tsx
index 2b25258..d1bf2ec 100644
--- a/examples/js/simple-bar/widget/Bar.tsx
+++ b/examples/js/simple-bar/widget/Bar.tsx
@@ -1,9 +1,45 @@
-import { Variable, Astal, Gtk, Gdk, GLib, bind } from "astal"
+import { App, Variable, Astal, Gtk, Gdk, GLib, bind } from "astal"
import Hyprland from "gi://AstalHyprland"
import Mpris from "gi://AstalMpris"
import Battery from "gi://AstalBattery"
import Wp from "gi://AstalWp"
import Network from "gi://AstalNetwork"
+import Tray from "gi://AstalTray"
+
+function SysTray() {
+ const tray = Tray.get_default()
+
+ return
+ {bind(tray, "items").as(items => items.map(item => {
+ if (item.iconThemePath)
+ App.add_icons(item.iconThemePath)
+
+ const menu = item.create_menu()
+
+ return
+ }))}
+
+}
function Wifi() {
const { wifi } = Network.get_default()
@@ -120,6 +156,7 @@ export default function Bar(monitor: Gdk.Monitor) {
+