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" ] }, {