diff --git a/components/content/ContentSwitcher.vue b/components/content/ContentSwitcher.vue
new file mode 100644
index 00000000..21dd8de6
--- /dev/null
+++ b/components/content/ContentSwitcher.vue
@@ -0,0 +1,37 @@
+
+
+
+
+
diff --git a/components/content/DisplayPartial.vue b/components/content/DisplayPartial.vue
new file mode 100644
index 00000000..3fb99ffd
--- /dev/null
+++ b/components/content/DisplayPartial.vue
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
diff --git a/content/10.getting-started/1.index.md b/content/10.getting-started/1.index.md
index 83fc70a3..f7ab24ef 100644
--- a/content/10.getting-started/1.index.md
+++ b/content/10.getting-started/1.index.md
@@ -8,6 +8,18 @@ This template is a ready-to-use documentation template made with [Nuxt UI Pro](h
premium components built on top of [Nuxt UI](https://ui.nuxt.com) to create beautiful & responsive Nuxt applications in
minutes.
+::content-switcher
+---
+items: [{
+ label: 'HardHat',
+ partial: '_getting-started/_aPartial'
+}, {
+ label: 'Forge',
+ partial: '_getting-started/_anotherpartial'
+}]
+---
+::
+
There are already many websites based on this template:
- [Nuxt](https://nuxt.com) - The Nuxt website
@@ -17,6 +29,12 @@ There are already many websites based on this template:
- [Nuxt Devtools](https://devtools.nuxt.com) - The documentation of `@nuxt/devtools`
- [Nuxt Studio](https://nuxt.studio) - The pro version of Nuxt Content
+::display-partial
+---
+partial: 'Setting up your wallet'
+---
+::
+
## Features
- Powered by [Nuxt 3](https://nuxt.com)
diff --git a/content/10.getting-started/_getting-started/_aPartial.md b/content/10.getting-started/_getting-started/_aPartial.md
new file mode 100644
index 00000000..0fea5446
--- /dev/null
+++ b/content/10.getting-started/_getting-started/_aPartial.md
@@ -0,0 +1,5 @@
+---
+title: A Partial
+---
+
+This is a partial that's coming from somewhere else!
diff --git a/content/10.getting-started/_getting-started/_anotherPartial.md b/content/10.getting-started/_getting-started/_anotherPartial.md
new file mode 100644
index 00000000..f1ac3572
--- /dev/null
+++ b/content/10.getting-started/_getting-started/_anotherPartial.md
@@ -0,0 +1,5 @@
+---
+title: Another Partial
+---
+
+This is the second partial
diff --git a/content/_partials/setting-up-your-wallet.md b/content/_partials/setting-up-your-wallet.md
new file mode 100644
index 00000000..31817176
--- /dev/null
+++ b/content/_partials/setting-up-your-wallet.md
@@ -0,0 +1,9 @@
+---
+title: Setting up your wallet
+---
+
+Here's how to setup your wallet, follow the instructions below:
+
+1. Download wallet
+2. ???
+3. Profit
diff --git a/types/CodeSwitcher.d.ts b/types/CodeSwitcher.d.ts
new file mode 100644
index 00000000..9cf4ac47
--- /dev/null
+++ b/types/CodeSwitcher.d.ts
@@ -0,0 +1,14 @@
+declare interface ContentSwitcherItem {
+ /**
+ * The label to display on the tab
+ */
+ label: string;
+ /**
+ * The general path to the partial that is relative to the parent markdown.
+ *
+ * Example:
+ *
+ * "_getting-started/_aPartial" => `_getting-started/_aPartial.md`
+ */
+ partial: string;
+}