Example Post (MDX)

Hello MDX

This is an MDX file (see source) where you can use Flowrshow components (e.g. List) or add your own JSX blocks.

Here’s a paragraph with a custom styled span:

<span style={{ color: 'tomato', fontWeight: 'bold' }}>This text is red and bold.</span>

You can also style your JSX blocks with Tailwind classes:

<span className="text-blue font-bold">This text is red and bold.</span>

🧠 Note that in MDX:

• style values are JavaScript objects, not strings (use {{ backgroundColor: 'red' }}, not "background-color: red").
• HTML attributes must use camelCase:
  • className instead of class
  • htmlFor instead of for
  • tabIndex, readOnly, strokeWidth, etc.