ant-design/components/pagination/design/demo/mini.tsx

21 lines
670 B
TypeScript

import React from 'react';
import { Flex, Pagination } from 'antd';
const App: React.FC = () => (
<Flex vertical gap="middle">
<Pagination defaultCurrent={1} total={50} showSizeChanger={false} size="small" />
<Pagination defaultCurrent={1} total={100} showSizeChanger={false} size="small" />
<Pagination defaultCurrent={1} total={100} size="small" />
<Pagination defaultCurrent={1} total={100} showQuickJumper size="small" />
<Pagination
defaultCurrent={1}
total={100}
showQuickJumper
size="small"
showTotal={(total, range) => `${range.join('-')} 条 / 共 ${total}`}
/>
</Flex>
);
export default App;