Added SideNav component.
This commit is contained in:
17
components/layout/SideNav.js
Normal file
17
components/layout/SideNav.js
Normal file
@@ -0,0 +1,17 @@
|
||||
import { Menu, Item } from 'react-basics';
|
||||
import Link from 'next/link';
|
||||
import styles from './SideNav.module.css';
|
||||
|
||||
export default function SideNav({ selectedKey, items, shallow }) {
|
||||
return (
|
||||
<Menu items={items} selectedKey={selectedKey} className={styles.menu}>
|
||||
{({ key, label, url }) => (
|
||||
<Item key={key} className={styles.item}>
|
||||
<Link href={url} shallow={shallow}>
|
||||
{label}
|
||||
</Link>
|
||||
</Item>
|
||||
)}
|
||||
</Menu>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user