uxcore-page-header

uxcore-page-header component for uxcore.

Usage no npm install needed!

<script type="module">
  import uxcorePageHeader from 'https://cdn.skypack.dev/uxcore-page-header';
</script>

README

uxcore-page-header

React page header

NPM version build status Test Coverage Dependency Status devDependency Status NPM downloads

Sauce Test Status

Development

git clone https://github.com/uxcore/uxcore-page-header
cd uxcore-page-header
npm install
npm run server

if you'd like to save your install time，you can use uxcore-tools globally.

npm install uxcore-tools -g
git clone https://github.com/uxcore/uxcore-page-header
cd uxcore-page-header
npm install
npm run dep
npm run start

Test Case

npm run test

Coverage

npm run coverage

Demo

http://uxcore.github.io/components/page-header

Contribute

Yes please! See the CONTRIBUTING for details.

API

Props

Name Type Required Default Comments
prefixCls String No kuma-page-header 类名前缀，不使用 kuma 主题时使用
className String No 增加额外的 class，用于自定义
containerWidth number No 内容容器宽度
crumb React Element No 面包屑区域，接受一个标准的 uxcore-crumb 实例
title React Element No 标题区域
action React Element No 动作面板区域，默认右对齐
content React Element No 内容区域
extraContent React Element No 额外内容区域，默认右对齐
tab React Element No 选项卡区域，接受一个标准的 uxcore-tabs 实例