Test

code.mdx

@@ -8,6 +8,18 @@
 
 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 @@
 
 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!");
@@ -57,7 +69,7 @@
 
 Enable syntax highlighting by specifying the programming language after the opening backticks of a code block.
 
 We use [Shiki](https://shiki.style/) for syntax highlighting and support all available languages. See the full list of [languages](https://shiki.style/languages) in Shiki's documentation.
 
 ```java
 class HelloWorld {
@@ -95,7 +107,7 @@
 
 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 @@
 
 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 @@
 
 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 @@
 
 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 --]

docs.json

@@ -22,6 +22,7 @@
             "group": "Getting started",
             "pages": [
               "index",
+              "test",
               "quickstart",
               "installation",
               "editor"

test.mdx

@@ -0,0 +1,7 @@
+---
+title: "Test Example"
+description: "Description of test"
+---
+
+1. Test
+2. test 2