MDX Design System

This is a random blog post to test the different components on my MDX Design System.

Lorem Ipsum has the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Heading 1

Heading 2

Heading 3

Heading 4

Code block

Supports syntax highlighting and line numbers

2var foo = "yo";
npm run build
var foo = "yo";

Also supporting inline code console.log('inline')

External links : MDX

Internal links : Code Block


A very important information to highlight


  • Asterisks for unordered items
  1. Decimals and a dot for ordered items


image test

Custom components

Custom Component: click me


© 2022 El Youbi Akram