diff --git a/src/components/Indicator.js b/src/components/Indicator.js
new file mode 100644
index 0000000..14fa138
--- /dev/null
+++ b/src/components/Indicator.js
@@ -0,0 +1,9 @@
+import { $html } from "sigpro";
+import { joinClass } from "../core/utils.js";
+
+/** INDICATOR */
+export const Indicator = (props, children) =>
+  $html("div", { class: joinClass("indicator", props.class) }, [
+    children,
+    $html("span", { class: joinClass("indicator-item badge", props.badgeClass) }, props.badge),
+  ]);