---

title: My Example MDX Page

Welcome to my MDX page!

This is some bold and italics text.

This is a list in markdown:

• One
• Two
• Three

Here's a React component:

export default function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

My Page

This is some text.

This text is red, but inverted.