@hzab/sider NPM

@hzab/sider

侧边栏组件

node@14.21

组件

示例

import Demo from "@hzab/sider";

<Demo
  menus={[
    { key: "/", label: "首页", title: "首页" },
    {
      key: "/user-server",
      label: "用户服务",
      icon: "UserOutlined",
      children: [
        {
          key: "/user-server/user-list",
          label: "用户管理",
        },
        {
          key: "/user-server/role-list",
          label: "角色管理",
        },
        {
          key: "/user-server/org-list",
          label: "组织管理",
        },
      ],
    },
    {
      key: "/sys-server",
      label: "系统服务",
      icon: "UserOutlined",
      children: [
        {
          key: "/sys-server/config-list",
          label: "配置管理",
        },
        {
          key: "/sys-server/color-list",
          label: "颜色管理",
        },
        {
          key: "/sys-server/size-list",
          label: "尺寸管理",
        },
      ],
    },
  ]}
/>;

API

InfoPanel Attributes

参数	类型	必填	默认值	说明
menus	Array	是	-	侧边栏数据
collapsible	boolean	否	-	是否可以收起
collapsedWidth	number	否	-	收缩宽度，设置为 0 会出现特殊 trigger（定位块）