diff --git a/src/Highlight/demos/config.js b/src/Highlight/demos/config.js
index 4dd21264..3d62b14f 100644
--- a/src/Highlight/demos/config.js
+++ b/src/Highlight/demos/config.js
@@ -65,6 +65,26 @@ const configs = [
text: 'Yaml',
code: '---\n# comment\nstring_1: "Bar"\nstring_2: \'bar\'\nstring_3: bar\ninline_keys_ignored: sompath/name/file.jpg\nkeywords_in_yaml:\n - true\n - false\n - TRUE\n - FALSE\n - 21\n - 21.0\n - !!str 123\n"quoted_key": &foobar\n bar: foo\n foo:\n "foo": bar\n\nreference: *foobar\n\nmultiline_1: |\n Multiline\n String\nmultiline_2: >\n Multiline\n String\nmultiline_3: "\n Multiline string\n "\n\nansible_variables: "foo {{variable}}"\n\narray_nested:\n- a\n- b: 1\n c: 2\n- b\n- comment',
},
+ {
+ language: 'html',
+ text: 'Html',
+ code: `
+
+
+
+ Custom Html Dom Render
+
+
+ Custom Html Dom Render
+
+ - Ant Desgin
+ - Ant Desgin Pro
+ - Ant Desgin Pro Components
+
+
+
+ `,
+ },
];
export default configs;
diff --git a/src/Highlight/hooks/useHighlight.tsx b/src/Highlight/hooks/useHighlight.tsx
index 4f7ec60a..f8c5411f 100644
--- a/src/Highlight/hooks/useHighlight.tsx
+++ b/src/Highlight/hooks/useHighlight.tsx
@@ -20,6 +20,7 @@ export const languageMap = {
json,
markdown,
xml,
+ html: xml,
yaml,
tsx,
jsx,
diff --git a/src/Markdown/demos/data.ts b/src/Markdown/demos/data.ts
index 76bdb3cb..be27ddc3 100644
--- a/src/Markdown/demos/data.ts
+++ b/src/Markdown/demos/data.ts
@@ -53,6 +53,25 @@ This is [an example](http://example.com/ "Title") inline link.
$ pnpm install
\`\`\`
+\`\`\`html
+
+
+
+
+Custom Html Dom Render
+
+
+Custom Html Dom Render
+
+ - Ant Desgin
+ - Ant Desgin Pro
+ - Ant Desgin Pro Components
+
+
+
+
+\`\`\`
+
\`\`\`javascript
import { renderHook } from '@testing-library/react-hooks';