From e1d12e16f717d48a862f81063ea5addd74a4eb8e Mon Sep 17 00:00:00 2001 From: n4n5 Date: Thu, 1 Feb 2024 23:36:40 +0100 Subject: [PATCH 1/6] add docs --- .../markdown-features-diagrams.mdx | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx b/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx index a4bbfa3d8d1d..0efe5a993a13 100644 --- a/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx +++ b/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx @@ -83,3 +83,18 @@ export default { ``` See the [Mermaid config documentation](https://mermaid-js.github.io/mermaid/#/./Setup?id=configuration) and the [Mermaid config types](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/config.type.ts) for the available config options. + +## Mermaid Component {#component} + +To generate dynamic diagrams, you can use the `Mermaid` component: + +```jsx title="Example dynamic Mermaid component" +import Mermaid from '@theme/Mermaid'; + +B; + A-->C; + B-->D; + C-->D;`} +/> +``` From 6616b223abe42ddbf42d0944d77f9d70fd2e3109 Mon Sep 17 00:00:00 2001 From: n4n5 Date: Thu, 1 Feb 2024 23:44:37 +0100 Subject: [PATCH 2/6] fix: missplace --- .../markdown-features-diagrams.mdx | 15 +++++++++++++++ .../markdown-features-diagrams.mdx | 14 -------------- 2 files changed, 15 insertions(+), 14 deletions(-) diff --git a/website/docs/guides/markdown-features/markdown-features-diagrams.mdx b/website/docs/guides/markdown-features/markdown-features-diagrams.mdx index a4bbfa3d8d1d..0efe5a993a13 100644 --- a/website/docs/guides/markdown-features/markdown-features-diagrams.mdx +++ b/website/docs/guides/markdown-features/markdown-features-diagrams.mdx @@ -83,3 +83,18 @@ export default { ``` See the [Mermaid config documentation](https://mermaid-js.github.io/mermaid/#/./Setup?id=configuration) and the [Mermaid config types](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/config.type.ts) for the available config options. + +## Mermaid Component {#component} + +To generate dynamic diagrams, you can use the `Mermaid` component: + +```jsx title="Example dynamic Mermaid component" +import Mermaid from '@theme/Mermaid'; + +B; + A-->C; + B-->D; + C-->D;`} +/> +``` diff --git a/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx b/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx index 0efe5a993a13..267eace0f021 100644 --- a/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx +++ b/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx @@ -84,17 +84,3 @@ export default { See the [Mermaid config documentation](https://mermaid-js.github.io/mermaid/#/./Setup?id=configuration) and the [Mermaid config types](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/config.type.ts) for the available config options. -## Mermaid Component {#component} - -To generate dynamic diagrams, you can use the `Mermaid` component: - -```jsx title="Example dynamic Mermaid component" -import Mermaid from '@theme/Mermaid'; - -B; - A-->C; - B-->D; - C-->D;`} -/> -``` From 8027e94b432eb6aa3e421efeff06157d5ffde553 Mon Sep 17 00:00:00 2001 From: n4n5 <56606507+Its-Just-Nans@users.noreply.github.com> Date: Fri, 2 Feb 2024 11:26:21 +0100 Subject: [PATCH 3/6] Update markdown-features-diagrams.mdx --- .../markdown-features-diagrams.mdx | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx b/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx index 267eace0f021..0efe5a993a13 100644 --- a/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx +++ b/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx @@ -84,3 +84,17 @@ export default { See the [Mermaid config documentation](https://mermaid-js.github.io/mermaid/#/./Setup?id=configuration) and the [Mermaid config types](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/config.type.ts) for the available config options. +## Mermaid Component {#component} + +To generate dynamic diagrams, you can use the `Mermaid` component: + +```jsx title="Example dynamic Mermaid component" +import Mermaid from '@theme/Mermaid'; + +B; + A-->C; + B-->D; + C-->D;`} +/> +``` From 4c4c47d79ad4dbd6e86b31c33d884b5135cad8f5 Mon Sep 17 00:00:00 2001 From: n4n5 Date: Fri, 2 Feb 2024 11:30:10 +0100 Subject: [PATCH 4/6] yarn format --- .../markdown-features/markdown-features-diagrams.mdx | 9 +++++---- .../markdown-features/markdown-features-diagrams.mdx | 9 +++++---- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/website/docs/guides/markdown-features/markdown-features-diagrams.mdx b/website/docs/guides/markdown-features/markdown-features-diagrams.mdx index 0efe5a993a13..4595b27e4d75 100644 --- a/website/docs/guides/markdown-features/markdown-features-diagrams.mdx +++ b/website/docs/guides/markdown-features/markdown-features-diagrams.mdx @@ -84,17 +84,18 @@ export default { See the [Mermaid config documentation](https://mermaid-js.github.io/mermaid/#/./Setup?id=configuration) and the [Mermaid config types](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/config.type.ts) for the available config options. -## Mermaid Component {#component} +## Dynmaic Mermaid Component {#component} To generate dynamic diagrams, you can use the `Mermaid` component: -```jsx title="Example dynamic Mermaid component" +```jsx title="Example of dynamic Mermaid component" import Mermaid from '@theme/Mermaid'; -B; A-->C; B-->D; C-->D;`} -/> +/>; ``` diff --git a/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx b/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx index 0efe5a993a13..4595b27e4d75 100644 --- a/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx +++ b/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx @@ -84,17 +84,18 @@ export default { See the [Mermaid config documentation](https://mermaid-js.github.io/mermaid/#/./Setup?id=configuration) and the [Mermaid config types](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/config.type.ts) for the available config options. -## Mermaid Component {#component} +## Dynmaic Mermaid Component {#component} To generate dynamic diagrams, you can use the `Mermaid` component: -```jsx title="Example dynamic Mermaid component" +```jsx title="Example of dynamic Mermaid component" import Mermaid from '@theme/Mermaid'; -B; A-->C; B-->D; C-->D;`} -/> +/>; ``` From a2c04a3e633951f12f6e5dab5c5bc25c1aa14a90 Mon Sep 17 00:00:00 2001 From: n4n5 Date: Fri, 2 Feb 2024 11:47:45 +0100 Subject: [PATCH 5/6] fix: correct language --- .../guides/markdown-features/markdown-features-diagrams.mdx | 4 ++-- .../guides/markdown-features/markdown-features-diagrams.mdx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/website/docs/guides/markdown-features/markdown-features-diagrams.mdx b/website/docs/guides/markdown-features/markdown-features-diagrams.mdx index 4595b27e4d75..896eb7ef49d4 100644 --- a/website/docs/guides/markdown-features/markdown-features-diagrams.mdx +++ b/website/docs/guides/markdown-features/markdown-features-diagrams.mdx @@ -88,7 +88,7 @@ See the [Mermaid config documentation](https://mermaid-js.github.io/mermaid/#/./ To generate dynamic diagrams, you can use the `Mermaid` component: -```jsx title="Example of dynamic Mermaid component" +```mdx title="Example of dynamic Mermaid component" import Mermaid from '@theme/Mermaid'; C; B-->D; C-->D;`} -/>; +/> ``` diff --git a/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx b/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx index 4595b27e4d75..896eb7ef49d4 100644 --- a/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx +++ b/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx @@ -88,7 +88,7 @@ See the [Mermaid config documentation](https://mermaid-js.github.io/mermaid/#/./ To generate dynamic diagrams, you can use the `Mermaid` component: -```jsx title="Example of dynamic Mermaid component" +```mdx title="Example of dynamic Mermaid component" import Mermaid from '@theme/Mermaid'; C; B-->D; C-->D;`} -/>; +/> ``` From 3a190a2510baf45c4fd2d959b54e14a29efdb869 Mon Sep 17 00:00:00 2001 From: n4n5 Date: Fri, 2 Feb 2024 11:52:44 +0100 Subject: [PATCH 6/6] fix: typo --- .../guides/markdown-features/markdown-features-diagrams.mdx | 2 +- .../guides/markdown-features/markdown-features-diagrams.mdx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/website/docs/guides/markdown-features/markdown-features-diagrams.mdx b/website/docs/guides/markdown-features/markdown-features-diagrams.mdx index 896eb7ef49d4..b8d652c0a38c 100644 --- a/website/docs/guides/markdown-features/markdown-features-diagrams.mdx +++ b/website/docs/guides/markdown-features/markdown-features-diagrams.mdx @@ -84,7 +84,7 @@ export default { See the [Mermaid config documentation](https://mermaid-js.github.io/mermaid/#/./Setup?id=configuration) and the [Mermaid config types](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/config.type.ts) for the available config options. -## Dynmaic Mermaid Component {#component} +## Dynamic Mermaid Component {#component} To generate dynamic diagrams, you can use the `Mermaid` component: diff --git a/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx b/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx index 896eb7ef49d4..b8d652c0a38c 100644 --- a/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx +++ b/website/versioned_docs/version-3.1.1/guides/markdown-features/markdown-features-diagrams.mdx @@ -84,7 +84,7 @@ export default { See the [Mermaid config documentation](https://mermaid-js.github.io/mermaid/#/./Setup?id=configuration) and the [Mermaid config types](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/config.type.ts) for the available config options. -## Dynmaic Mermaid Component {#component} +## Dynamic Mermaid Component {#component} To generate dynamic diagrams, you can use the `Mermaid` component: