diff --git a/code.mdx b/code.mdx
index 474cad172..b4bf4b5b3 100644
--- a/code.mdx
+++ b/code.mdx
@@ -8,6 +8,18 @@ icon: "code"
 
 You can add inline code snippets or code blocks. Code blocks support meta options for syntax highlighting, titles, line highlighting, icons, and more.
 
+<Info>
+  This is acallout
+</Info>
+
+<Steps>
+  <Step title="Step test">
+    <Check>
+      hhhfjf
+    </Check>
+  </Step>
+</Steps>
+
 ### Inline code
 
 To denote a `word` or `phrase` as code, enclose it in backticks (\`).
@@ -22,7 +34,7 @@ Use [fenced code blocks](https://www.markdownguide.org/extended-syntax/#fenced-c
 
 Specify the programming language for syntax highlighting and to enable meta options. Add any meta options, like a title or icon, after the language.
 
-```java HelloWorld.java lines icon="java"
+```java HelloWorld.java icon=java lines
 class HelloWorld {
     public static void main(String[] args) {
         System.out.println("Hello, World!");
@@ -95,7 +107,7 @@ const hello = "world";
 
 Add an icon to your code block. You can use [FontAwesome](https://fontawesome.com/icons) icons, [Lucide](https://lucide.dev/icons/) icons, or absolute URLs.
 
-```javascript icon="square-js"
+```javascript icon=square-js
 const hello = "world";
 ```
 
@@ -109,7 +121,7 @@ const hello = "world";
 
 Highlight specific lines in your code blocks using `highlight` with the line numbers or ranges you want to highlight.
 
-```javascript Line Highlighting Example highlight= {1-2,5}
+```javascript Line Highlighting Example {1,2,5}
 const greeting = "Hello, World!";
 function sayHello() {
   console.log(greeting);
@@ -131,7 +143,7 @@ sayHello();
 
 Focus on specific lines in your code blocks using `focus` with line numbers or ranges.
 
-```javascript Line Focus Example focus= {2,4-5}
+```javascript Line Focus Example focus=2,4,5
 const greeting = "Hello, World!";
 function sayHello() {
   console.log(greeting);
@@ -304,7 +316,7 @@ sayHello();
 
 Add single line comments with `[!code ++]` and `[!code --]` to mark added and removed lines. You can also mark multiple lines with a single comment, such as `[!code ++:3]` or `[!code --:5]`.
 
-```js Diff Example icon="code" lines
+```js Diff Example icon=code lines
 const greeting = "Hello, World!"; // [!code ++]
 function sayHello() {
   console.log("Hello, World!"); // [!code --]
diff --git a/docs.json b/docs.json
index c2e333f18..22d75510e 100644
--- a/docs.json
+++ b/docs.json
@@ -22,6 +22,7 @@
             "group": "Getting started",
             "pages": [
               "index",
+              "test",
               "quickstart",
               "installation",
               "editor"
diff --git a/test.mdx b/test.mdx
new file mode 100644
index 000000000..35976ea26
--- /dev/null
+++ b/test.mdx
@@ -0,0 +1,7 @@
+---
+title: "Test Example"
+description: "Description of test"
+---
+
+1. Test
+2. test 2
\ No newline at end of file