MDX Page

This is an MDX page.

Create a new project


npx create-tnt-app my-app


<pre
  ref={preRef}
  className={cn(
    "border-muted bg-muted/50 dark:bg-muted/20 my-6 overflow-x-auto rounded-lg border px-4 py-3 font-mono text-sm",
    language ? "pt-14" : "pt-3",
    className,
  )}
  {...props}
>
  {children}
</pre>


// This is a comment
const MyComponent = () => {
  return <div>Hello, world!</div>
}
 
export default MyComponent


const MyComponent = () => <div>Hello, world!</div>


body {
  background-color: lightblue;
}


echo "Hello, world!"

💡

This is a default callout.

This is an info callout.

⚠️

This is a warning callout.

🚫

This is an error callout.

Heading 1

Heading 2

Heading 3

This is a paragraph.

This is a list item.
This is another list item.

This is another paragraph.

This is a numbered list item.
This is another numbered list item.

This is another paragraph.