component to for setting up menu with links to pages.
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 />
Customise your
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:
>> React Version <<
Colaboration
Always on look out for projects to get my hand dirty.
