A guide how to use Markdown elements and React components.
Text formatting with MDX supports various styles
This is bold text and this is italic text
This is bold italic text and this is strikethrough
This is inline code and this is a link
You can also use underlined text when needed
Regular quote
This is a basic quote
Nested quotes
First level
Second level
Third level
Quote with mixed content
Heading in quote
- List item in quote
- Another item
// Code in quote console.log('Hello');
Unordered list
Ordered list
Nested list
Inline code const example = true.
Basic JavaScript
function greeting(name) {
return `Hello ${name}!`;
}
const result = greeting('World');
console.log(result);TypeScript example
interface User {
id: string;
name: string;
email: string;
}
function processUser(user: User): void {
console.log(`Processing ${user.name}`);
}React component
interface Props {
title: string;
children: React.ReactNode;
}
export function Card({ title, children }: Props) {
return (
<div className="card">
<h2>{title}</h2>
{children}
</div>
);
}| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Cell 1 | Cell 2 | Cell 3 |
| Cell 4 | Cell 5 | Cell 6 |
Grid layout
Flex layout
Get started with our platform
Basic tabs
Code tabs
function add(a, b) {
return a + b
}