diff --git a/app/components/example_component.rb b/app/components/example_component.rb
new file mode 100644
index 0000000000..ec57557e2a
--- /dev/null
+++ b/app/components/example_component.rb
@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+class ExampleComponent < ViewComponent::Base
+  def initialize(title:)
+    @title = title
+  end
+end
diff --git a/app/components/example_component/example_component.html.haml b/app/components/example_component/example_component.html.haml
new file mode 100644
index 0000000000..d0ac42c229
--- /dev/null
+++ b/app/components/example_component/example_component.html.haml
@@ -0,0 +1 @@
+%h1 #{@title}