@acodez/menu 中文文档教程

Question

@acodez/menu

React menu component with dark & 浅色主题和更多定制。

---

• Installation
• PropsAPI
• Usage

---

Installation

npm install @acodez/menu

Props 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,
    },
    ]}
/>