diff --git a/content/components/update.mdx b/content/components/update.mdx
new file mode 100644
index 000000000..f2bad5866
--- /dev/null
+++ b/content/components/update.mdx
@@ -0,0 +1,54 @@
+---
+title: "Update"
+description: "Keep track of changes and updates"
+icon: "rectangle-history"
+---
+
+The `Update` component is used to keep track of changes and updates.
+
+
+
+
+
+
+ ## Changelog
+
+ You can add anything here, like a screenshot, a code snippet, or a list of changes.
+
+ #### Features
+ - Responsive design
+ - Sticky section for each changelog
+
+
+
+ ### How to use
+ ```md
+
+ This is how you use a changelog with a label
+ and a description.
+
+
+ This is how you use a changelog with a label
+ and a description.
+
+ ```
+
+ You can use multiple `Update` components to create changelogs.
+
+
+
+ Each `label` creates an anchor and also shows up on the table of contents on the right.
+
+
+## Props
+
+
+ Label in the changelog, on the sticky left side.
+
+
+
+ Description below the label in the Changelog preview.
+
diff --git a/mint.json b/mint.json
index 691e2521c..d74f95cd8 100644
--- a/mint.json
+++ b/mint.json
@@ -36,6 +36,9 @@
"style": "roundedRectangle",
"arrow": false
},
+ "codeBlock": {
+ "mode": "auto"
+ },
"feedback": {
"thumbsRating": true,
"suggestEdit": true
@@ -200,7 +203,8 @@
"content/components/mermaid-diagrams",
"content/components/steps",
"content/components/tabs",
- "content/components/tooltips"
+ "content/components/tooltips",
+ "content/components/update"
]
},
{