uxcore-card-container

uxcore-cardContainer component for uxcore.

Usage no npm install needed!

<script type="module">
  import uxcoreCardContainer from 'https://cdn.skypack.dev/uxcore-card-container';
</script>

README

uxcore-cardContainer

React cardContainer

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

Sauce Test Status

Development

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

Test Case

npm run test

Coverage

npm run coverage

Demo

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

Contribute

Yes please! See the CONTRIBUTING for details.

API

CardContainer Props

CardContainer下的每个子元素独占一行

参数 说明 类型 默认值
className 额外的样式名称 String 无
padding 卡片间距 String '12px'
radius 卡片圆角幅度 String '0'
inRow 是否为一行多列卡片 Boolean false

CardContainer.CardRow Props

CardRow 下面的元素将并列在一行显示

参数 说明 类型 默认值
className 额外的样式名称 String 无
proportion 卡片之间的列宽度比较 String '1'