1.0.9 • Published 3 years ago
@acodez/menu v1.0.9
@acodez/menu
React menu component with dark & light theme, and more customizations.
Installation
npm install @acodez/menuProps API
| Property | Type | Required | Description |
|---|---|---|---|
| theme | string | no | nav theme dark or light |
| direction | string | no | nav item alignment vertical or horizontal |
| border | string | no | nav item divider blank or divider |
| hoverStyle | string | no | nav item hover style button or plain |
| link | string | yes | menu link |
| label | string | no | menu label |
| imageSrc | string | no | icon image src |
| corner | string | no | item border radius, square or round |
Usage
import NavList from "@acodez/menu";
<NavList theme="dark" direction="horizontal" border="divider" hoverStyle="button"
items={[
{
link: "/link1", // link
label: "Dashboard", // text
imageSrc: ItemIcon, // icon src - url
corner: "round", // border radius
},
{
link: "/link2",
label: "Students",
imageSrc: ItemIcon,
},
{
link: "/link3",
label: "Exams",
imageSrc: ItemIcon,
},
{
link: "/link4",
label: "Settings",
imageSrc: ItemIcon,
},
]}
/>