MDX Test


Test MDX

These are a few example of React JSX (JavaScript XML) components embedded in MDX Markdown.


JSX

  • This embedded component
<div style={{ padding: '20px', backgroundColor: 'pink' }}>
  <h3>This is JSX component</h3>
</div>
  • Renders this

    This is JSX component


This embedded component

<div style={{ padding: '10px 30px', backgroundColor: 'cyan' }}>
  <h2>Try making this heading have the color green</h2>
</div>

Renders this

Try making this heading have the color green



  • This embedded component
> This is blockquote embedded component
>Quote this
>
>Quote that
  • Renderd this

    This is a blockquote embedded component example

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nulla vitae elit libero, a pharetra augue.

    Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.

    Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus.

This is Not a blockquote