diff --git a/.changeset/techdocs-kind-seals-fix.md b/.changeset/techdocs-kind-seals-fix.md
new file mode 100644
index 0000000000..b0ac18c744
--- /dev/null
+++ b/.changeset/techdocs-kind-seals-fix.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-techdocs-backend': patch
+---
+
+Enhanced the example documented-component to better demonstrate TechDocs features
diff --git a/plugins/techdocs-backend/examples/documented-component/docs/code/code-sample.md b/plugins/techdocs-backend/examples/documented-component/docs/code/code-sample.md
new file mode 100644
index 0000000000..ed430edb15
--- /dev/null
+++ b/plugins/techdocs-backend/examples/documented-component/docs/code/code-sample.md
@@ -0,0 +1,22 @@
+# Sample Code
+
+This page provides some sample code which may be used in your example component.
+
+This code uses TypeScript, and the Markdown code fence to wrap the code.
+
+```tsx
+const DefaultEntityPage = ({ entity }: { entity: Entity }) => (
+
+ }
+ />
+ }
+ />
+
+);
+```
diff --git a/plugins/techdocs-backend/examples/documented-component/docs/images/backstage-logo-cncf.svg b/plugins/techdocs-backend/examples/documented-component/docs/images/backstage-logo-cncf.svg
new file mode 100644
index 0000000000..b5ff591d1b
--- /dev/null
+++ b/plugins/techdocs-backend/examples/documented-component/docs/images/backstage-logo-cncf.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/plugins/techdocs-backend/examples/documented-component/docs/index.md b/plugins/techdocs-backend/examples/documented-component/docs/index.md
index bf0895710f..c22dd18208 100644
--- a/plugins/techdocs-backend/examples/documented-component/docs/index.md
+++ b/plugins/techdocs-backend/examples/documented-component/docs/index.md
@@ -1,3 +1,30 @@
-# example docs
+# Welcome!
This is a basic example of documentation.
+
+Here is a bulleted list:
+
+- Item one
+- Item two
+- Item Three
+
+Check out the [Markdown Guide](https://www.markdownguide.org/) to learn more about how to simply create documentation.
+
+You can also learn more about how to configure and setup this documentation in Backstage,
+[read up on the TechDocs Overview](https://backstage.io/docs/features/techdocs/techdocs-overview).
+
+## Image Example
+
+This documentation is powered by Backstage's TechDocs feature:
+
+
+
+## Table Example
+
+While this documentation isn't comprehensive, in the future it should cover the following topics outlined in this example table:
+
+| Topic | Description |
+| ------- | ------------------------------------------------------------ |
+| Topic 1 | An introductory topic to help you learn about the topic. |
+| Topic 2 | A more detailed topic that explains more information. |
+| Topic 3 | A final topic that provides conclusions and lessons learned. |
diff --git a/plugins/techdocs-backend/examples/documented-component/docs/sub-page.md b/plugins/techdocs-backend/examples/documented-component/docs/sub-page.md
index bbd98558e0..62de70a273 100644
--- a/plugins/techdocs-backend/examples/documented-component/docs/sub-page.md
+++ b/plugins/techdocs-backend/examples/documented-component/docs/sub-page.md
@@ -1 +1,11 @@
# Another page in our documentation
+
+This sub-page can be used to elaborate on a specific part of the component.
+
+## Details
+
+It is linked off the main page, and due to it's inclusion in the `mkdocs.yml` file, becomes part of the auto-generated site navigation.
+
+## MkDocs
+
+Visit https://www.mkdocs.org for more information about the MkDocs tool.
diff --git a/plugins/techdocs-backend/examples/documented-component/mkdocs.yml b/plugins/techdocs-backend/examples/documented-component/mkdocs.yml
index 3b48e8edff..4c7d018690 100644
--- a/plugins/techdocs-backend/examples/documented-component/mkdocs.yml
+++ b/plugins/techdocs-backend/examples/documented-component/mkdocs.yml
@@ -1,8 +1,9 @@
-site_name: 'example-docs'
+site_name: 'Example Documentation'
nav:
- Home: index.md
- - SubPage: sub-page.md
+ - Subpage: sub-page.md
+ - 'Code Sample': code/code-sample.md
plugins:
- techdocs-core