React and Next versions:

React: 18.2.0. Next: 13.1.5

Installation:

npm i @lucyderojas/menu13-next

Import:

import Menu from '@lucyderojas/menu13-next/dist/Menu';

Use with default values:

<Menu />

You may need to restart your dev server after each change.

<Menu

pages = {['page1', 'page2', ...]} width= '50%' || '600px' cornerRadius = '50%' || '6px'' align = 'left' || 'center' || 'right'

#basic colors: backgroundBasic = 'red' || 'rgb(1,2,3)' || 'hls(1,2,3)' || '#ffffff' colorBasic = 'white' || 'rgb(1,2,3)' || 'hls(1,2,3)' || '#000000'

#colours on hover: backgroundHover = 'white' || 'rgb(1,2,3)' || 'hls(1,2,3)' || '#gggggg' colorHover = 'white' || 'rgb(1,2,3)' || 'hls(1,2,3)' || '#rrrrrr' #colours of selected item:

backgroundSelected = 'blue' || 'rgb(1,2,3)' || 'hls(1,2,3)' || '#333333' colorSelected = 'white' || 'rgb(1,2,3)' || 'hls(1,2,3)' || '#wwwwww'

/>

Github & NPM source code:

Comments Welcome

Any issues or suggestions welcome.

React version:

Colaboration

Always on look out for projects to get my hand dirty.