Nifty Pony Merchandise

npm

Need private packages and team management tools?Check out npm Orgs. »

uxcore-card

0.1.19 • Public • Published

uxcore-card

React card

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

Sauce Test Status

Development

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

Test Case

npm run test

Coverage

npm run coverage

Demo

http://uxcore.github.io/components/card

Contribute

Yes please! See the CONTRIBUTING for details.

Props

Name Type Required Default Comments
prefixCls String No - 类名前缀
className String No - 额外类名
icon React Element No - 头部图标
title React Element No - 头部标题
tip React Element No - 头部提示
overlayStyleOfTip Object No { maxWidth: 400, textAlign: 'left' } 头部提示样式
placementOfTip String No 'top' 头部提示的位置,one of ['left','right','top','bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight']
extra React Element No - 头部右侧额外区域,通用用于放置动作
children React Element No - 卡片内容
showCollapseIcon Bool No false 显示折叠按钮
onCollapseChange func(collapse) No noop 折叠状态发生改变时的回调,参数为是否被折叠
contentHeight number No 内容区高度,用于固定卡片高度的场景,默认为内容区实际渲染高度
contentPaddingSize string No 'middle' 内容区间距,枚举值:middle/none
defaultCollapsed bool No false 默认是否折叠

install

npm i uxcore-card

Downloadsweekly downloads

9

version

0.1.19

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
Report a vulnerability