This text demonstrates MDX rendered using styles from Shadcn's Typography. I come here occasionally during development to check how the theme looks. This long paragraph demonstrates word wrapping.

• This is some bold and italics text.

• span with a classNamecan be used to colour text like this

• code looks like this

• strong (bold) looks like this

• em (emphasis) looks like this

• a links look like this

• numbered list:

  1. One
  2. Two
  3. Three

• This paragraph contains a very long word to see what happens to veryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryvery long words.

• pre (preformatted) lines look like this:

  type X = "A" | "B" | "C";
  import { createHighlighter } from "shiki";
  import { transformerColorizedBrackets } from "@shikijs/colorized-brackets";
  
  const highlighter = await createHighlighter({
    langs: ["typescript", "javascript", "jsx", "tsx", "css", "html"],
    themes: [],
  });
  await highlighter.loadTheme("github-dark");

• Scrollable preformatted block:

  This paragraph contains a very long word to see how word wrap works with
  veryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryvery
  long words.

• blockquote lines look like this:

  "After all", he said, "everyone enjoys a good joke, so it's only fair that they should pay for the privilege."