ant-design/components/pagination/demo/mini.md
2017-02-18 18:12:38 +08:00

37 lines
575 B
Markdown

---
order: 4
title:
zh-CN: 迷你
en-US: Mini size
---
## zh-CN
迷你版本。
## en-US
Mini size pagination.
````jsx
import { Pagination } from 'antd';
function showTotal(total) {
return `Total ${total} items`;
}
ReactDOM.render(
<div>
<Pagination size="small" total={50} />
<Pagination size="small" total={50} showSizeChanger showQuickJumper />
<Pagination size="small" total={50} showTotal={showTotal} />
</div>
, mountNode);
````
<style>
#components-pagination-demo-mini .ant-pagination:not(:last-child) {
margin-bottom: 24px;
}
</style>