diff --git a/template/components/content_badge.go b/template/components/content_badge.go
new file mode 100644
index 0000000..7da7147
--- /dev/null
+++ b/template/components/content_badge.go
@@ -0,0 +1,7 @@
+package components
+
+type ContentBadge struct {
+	Text      string
+	TypeClass string // type primary, secondary, success, danger, warning, info, light, dark, (default secondary)
+	IsOutline bool
+}
diff --git a/template/components/content_badge.html b/template/components/content_badge.html
new file mode 100644
index 0000000..6f72cf7
--- /dev/null
+++ b/template/components/content_badge.html
@@ -0,0 +1,7 @@
+{{define "content_badge"}}
+    <span class="badge {{if eq .IsOutline true}}
+        border border-{{.TypeClass}} bg-{{.TypeClass}}-subtle text-{{.TypeClass}}-emphasis
+    {{else}}
+        text-bg-{{if .TypeClass}}{{.TypeClass}}{{else}}secondary{{end}}
+    {{end}} rounded-pill ">{{.Text}}</span>
+{{end}}
\ No newline at end of file