comp-header

1.1.1 • Public • Published

comp-header image

API

属性 说明 类型 默认值
avatarUrl 用户头像 String
userName 用户昵称 String
operateMenu 操作子菜单 Array[ReactNode] / ReactNode
fixed 固定在顶部 Boolean false

Example

import React from 'react';
import { render } from 'react-dom';
import CompHeader from 'comp-header';
import { Menu } from 'antd';
const { Item } = Menu;

render(
  <CompHeader
    avatarUrl="https://avatars1.githubusercontent.com/u/11550410?s=400&u=1e8b2ad7d6610154e3b322c6afd9a8bd347a8cc9&v=4"
    userName="Frend"
    operateMenu={[
      <Item key="logout">
        <a href="javascript:location.reload();">退出登录</a>
      </Item>
    ]}
  />,
  document.getElementById('app')
);

Develop

$ npm run start

Publish

$ cd ../..          // 返回项目根目录,通过 `lerna` 来构建与发布
$ npm run build
$ npm publish

Readme

Keywords

Package Sidebar

Install

npm i comp-header

Weekly Downloads

43

Version

1.1.1

License

MIT

Unpacked Size

12.8 kB

Total Files

14

Last publish

Collaborators

  • frend.wong
  • youhuakun