ant-design/components/pagination/design/demo/total.tsx
lijianan 84ce358d10
site: add BehaviorPattern for en page (#54254)
* site: add BehaviorPattern for en page

* site: add BehaviorPattern for en page

* fix: fix
2025-07-02 10:52:54 +08:00

27 lines
626 B
TypeScript

import React from 'react';
import { Pagination } from 'antd';
import useLocale from '../../../../.dumi/hooks/useLocale';
const locales = {
cn: {
total: (total: number, current: string | number) => `${current} 条 / 共 ${total}`,
},
en: {
total: (total: number, current: string | number) => `${current} of ${total} items`,
},
};
const App: React.FC = () => {
const [locale] = useLocale(locales);
return (
<Pagination
defaultCurrent={3}
total={500}
showQuickJumper
showTotal={(total, range) => locale.total(total, range.join('-'))}
/>
);
};
export default App;