diff --git a/examples/with-markdown/astro.config.mjs b/examples/with-markdown/astro.config.mjs
new file mode 100644
index 000000000..a6b3bf055
--- /dev/null
+++ b/examples/with-markdown/astro.config.mjs
@@ -0,0 +1,5 @@
+export default {
+  markdownOptions: {
+    components: './src/components/index.tsx'
+  }
+}
diff --git a/examples/with-markdown/src/components/index.tsx b/examples/with-markdown/src/components/index.tsx
new file mode 100644
index 000000000..05fe00034
--- /dev/null
+++ b/examples/with-markdown/src/components/index.tsx
@@ -0,0 +1 @@
+export { default as PreactCounter } from './PreactCounter.tsx';
diff --git a/examples/with-markdown/src/pages/markdown-plus-components.mdc b/examples/with-markdown/src/pages/markdown-plus-components.mdc
new file mode 100644
index 000000000..2272790a1
--- /dev/null
+++ b/examples/with-markdown/src/pages/markdown-plus-components.mdc
@@ -0,0 +1,12 @@
+---
+title: Some Markdown Page
+layout: ../layouts/main.astro
+---
+
+# Paragraph
+
+text here.
+
+<PreactCounter client:visible />
+
+Hello world!