functionNavLinks({inverted}:{inverted:boolean}){return(<motion.divclassName={clsx('flex items-center gap-8 px-8 text-xl transition-all',inverted?'text-primary':'text-white')}><NavLinkhref="#home">home</NavLink><
components/social-icons - to add other icons, simply copy an svg file from Simple Icons and map them in index.js. Other icons use heroicons.components/MDXComponents.js - pass your own JSX code or React component by specifying it over here. You can then call them directly in the .mdx ...
First, create a React app. To make this easy, use thecreate-react-appopen-source software by Facebook. # Install it globally npm install -g create-react-app Once you are done installingcreate-react-appon your machine, create a React app like so: create-react-app jollofjs-doc Another op...
importReactfrom'react';import{Link,withRouter}from'react-router-dom';functionHeader(props){return(<Link className="navbar-brand"to="/">JollofJS Documentation App</Link>Sign In);}exportdefaultwithRouter(Header); TheHeadercomponent contains theSign Inbutton and will house theSign outbutton when we ...