Skip to content
Example
Visit Example on GitHub
Set theme to dark (⇧+D)

Another page

This is just another page to test navigation between pages.

Here’s a test of including a custom MDX component:

Here’s the part of the code from this very Markdown file used to make that happen:

another-page.mdimport ColorSquare from "./components/color-square.js"
<p>  <ColorSquare color="rgba(243, 128, 32, 1.0)"/>  <ColorSquare color="rgba(243, 128, 32, 0.9)"/>  <ColorSquare color="rgba(243, 128, 32, 0.8)"/>  <ColorSquare color="rgba(243, 128, 32, 0.7)"/>  <ColorSquare color="rgba(243, 128, 32, 0.6)"/>  <ColorSquare color="rgba(243, 128, 32, 0.5)"/>  <ColorSquare color="rgba(243, 128, 32, 0.4)"/>  <ColorSquare color="rgba(243, 128, 32, 0.3)"/></p>

Here’s a test of a button link:

Go back home

Another heading

This section is here to test the automatic Table of Contents generation as well as the scroll to anchor feature. That’s why this paragraph of text is artificially elongated.

Sub-heading

This is yet another section here to test the automatic Table of Contents generation as well as the scroll to anchor feature.

Yet another sub-heading

And yet another sub-heading.

An other heading

This section is just another one.