4 files changed, 17 insertions, 0 deletions
diff --git a/src/web/badge/index.css b/src/web/badge/index.css
new file mode 100644
index 0000000..3f237d6
--- /dev/null
+++ b/src/web/badge/index.css
@@ -0,0 +1,5 @@
+#container {
+	background: red;
+	padding: 5px;
+	border-radius: 5px;
+}
diff --git a/src/web/badge/index.html b/src/web/badge/index.html
new file mode 100644
index 0000000..dcb38e1
--- /dev/null
+++ b/src/web/badge/index.html
@@ -0,0 +1,3 @@
+<div id="container">
+	<slot name="content"></slot>
+</div>
diff --git a/src/web/badge/index.js b/src/web/badge/index.js
new file mode 100644
index 0000000..60fbac5
--- /dev/null
+++ b/src/web/badge/index.js
@@ -0,0 +1 @@
+Z.by_id('sdf')
diff --git a/src/web/badge/root.zig b/src/web/badge/root.zig
new file mode 100644
index 0000000..5e8ea25
--- /dev/null
+++ b/src/web/badge/root.zig
@@ -0,0 +1,8 @@
+const z = @import("z");
+
+pub const component: z.Component = .{
+    .name = .badge,
+    .body = @embedFile("index.html"),
+    .style = @embedFile("index.css"),
+    .script = @embedFile("index.js"),
+};