MDX Components Showcase

This blog post showcases all MDX components available in our system.

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

Text Elements

This is a bold text example with inline code and a link to example.com.

This is a blockquote showing emphasized text styling.

Lists

Unordered List

• First item
• Second item
• Third item

Ordered List

1. First numbered item
2. Second numbered item
3. Third numbered item

Code Examples

Inline Code

Use

bun add

Code Block

const greeting = "Hello, World!";
console.log(greeting);

Code Block

bunnpmyarnpnpm
bun add @shadcn/ui

Tables