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

1console.log("code");
2var foo = "yo";
npm run build
console.log("code");
var foo = "yo";

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


External links : MDX

Internal links : Code Block


Blockquote

A very important information to highlight


Lists

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

Image

image test

Custom components

Custom Component: click me


HomeBlogProjectsUsesBooksPhotography

© 2022 El Youbi Akram