Try Bon5R in your browser!  Visit the playground ->

Component Documentation

Written by 
manuanish
 —  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:

example.mdx
import Author from "@components/Author";

<Author
  userName="manuanish"
  readTime={5}
  date="3/14/15"
/>

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.