Nav
A Nav wrapper used to mount your Nav component.
Props:
children
Description: React elements to display. Type: ReactNode. Required.
style
Description: Nav style. Type: CSS Properties.
className
Description: Nav className. Type: String.
Code
import { NavLink } from '../components/Elements/Nav/NavLink'; import { NavTitle } from '../components/Elements/Nav/NavTitle'; <NavComponent style={{ display: 'flex', height: 400, backgroundColor: theme.colors.primary }} > <NavTitle content='NavTitle' /> <NavLink content='NavLink' url='/' /> <NavTitle content='NavTitle' /> <NavLink content='NavLink' url='/' /> <NavLink content='NavLink' url='/' /> <NavTitle content='NavTitle' /> <NavLink content='NavLink' url='/' /> </NavComponent>