Example blog post 1

Lorant and Jony Ive

Welcome to the MDX Showcase

This is a demo post to showcase the different elements you can use in your .mdx blog posts. Let's walk through each one.

Headings

Use headings to create structure in your content:

H3 Level Heading

H4 Level Heading

H5 Level Heading

Paragraphs

This is a paragraph. You can write as long as you want, and Markdown will handle the formatting for you.
You can also add bold, italic, or bold italic styles easily.

Lists

Unordered list:

Item one
Item two
- Sub item
Item three

Ordered list:

First
Second
Third

Code Blocks

Inline code looks like this: npm install once-ui Fenced code blocks:

Tsx

export default function Hello() {
  return <h1>Hello world!</h1>
}

Blockquote

"The best way to predict the future is to invent it."
— Alan Kay

Links

Here's a link to Once UI. You can also link to internal pages.

Image

MDX Components

You can also use the most common Once UI components in MDX:

Click Me

On this page

Build the future.

Product

Resources

Join the squadSign up for news and updates