Try Bon5R in your browser!  Visit the playground ->

Component Documentation

Written by 
 —  1 min read

In this page we will discuss the built in Bon5R components. We will broadly go over how to use them and how they work.

🛠 Use case

Consider the following example. Let us say we wanted to use the Author component in our markdown file; we can do this like so:

import Author from "@components/Author";


This we be rendered as the following:

Author Demo

3/14/15, 5 min read

⚙️ JS Config

Notice that the import path for the function is not relative. Wherever your MDX file is located in the /pages directory the import statement does not change.