0.1.1 • Published 8 years ago

uxcore-number-info v0.1.1

Weekly downloads
2
License
MIT
Repository
github
Last release
8 years ago

uxcore-number-info

React footer toolbar

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

Sauce Test Status

Development

git clone https://github.com/uxcore/uxcore-number-info
cd uxcore-number-info
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-number-info
cd uxcore-number-info
npm install
npm run dep
npm run start

Test Case

npm run test

Coverage

npm run coverage

Demo

http://uxcore.github.io/components/number-info

Contribute

Yes please! See the CONTRIBUTING for details.

API

Props

常用在数据卡片中，用于突出展示某个业务数据。

参数说明类型默认值
title标题ReactNode or string-
subTitle子标题ReactNode or string-
total总量ReactNode or string-
subTotal子总量ReactNode or string-
status增加状态up or down or 具体文字-
textAlign对齐方式string' left'
gap设置数字和描述直接的间距（像素）number8

对于数据文本组件，我们还可以进一步抽离，把 Trend 单独拿出来使用。

参数说明类型默认值
status增加状态up or down or 具体文字-
const Trend = NumberInfo.Trend;
<Trend status="up">+17.1%</Trend>
reactreact-componentuxcore-number-infouxcore
classnamesprop-types
@everything-registry/sub-chunk-3035@infinitebrahmanuniverse/nolb-ux
0.1.1

8 years ago