diff --git a/packages/docs/src/lib/actions.svelte.js b/packages/docs/src/lib/actions.svelte.js
index 1b7b0c78e2e..10b82a9bb00 100644
--- a/packages/docs/src/lib/actions.svelte.js
+++ b/packages/docs/src/lib/actions.svelte.js
@@ -40,6 +40,19 @@ export const htmlToJsx = (node) => {
     '"0"': "{0}",
     "<!--": "{/*",
     "-->": "*/}",
+    '<span style="color:var(--shiki-attr-name)">minlength</span>':
+      '<span style="color:var(--shiki-attr-name)">minLength</span>',
+    '<span style="color:var(--shiki-attr-name)"> minlength</span>':
+      '<span style="color:var(--shiki-attr-name)"> minLength</span>',
+    '<span style="color:var(--shiki-attr-name)">    minlength</span>':
+      '<span style="color:var(--shiki-attr-name)">    minLength</span>',
+    '<span style="color:var(--shiki-attr-name)">maxlength</span>':
+      '<span style="color:var(--shiki-attr-name)">maxLength</span>',
+    '<span style="color:var(--shiki-attr-name)"> maxlength</span>':
+      '<span style="color:var(--shiki-attr-name)"> maxLength</span>',
+    '<span style="color:var(--shiki-attr-name)">    maxlength</span>':
+      '<span style="color:var(--shiki-attr-name)">    maxLength</span>',
+
     '<span style="color:var(--shiki-attr-name)">class</span>':
       '<span style="color:var(--shiki-attr-name)">className</span>',
     '<span style="color:var(--shiki-attr-name)"> class</span>':