In this page we will discuss the built in Bon5R components. We will broadly go over how to use them and how they work.
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
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.