antdesign

Pagination Ant

Navigation 2

About

Here is Pagination component

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Pagination Ant to your project and fits it to your theme.

Code

How Pagination Ant is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import React from 'react';
import { Pagination } from 'antd';

const App: React.FC = () => <Pagination defaultCurrent={6} total={500} />;

export default App;

Dependencies

More by antdesign

View all
  • Menu

    Menu

    23
  • Dropdown

    Dropdown

    15
  • Breadcrumb

    Breadcrumb

    10
  • FloatButton

    FloatButton

    7
  • Button Ant

    Button Ant

    6
  • Floating Action Menu

    Floating Action Menu

More in Navigation

View all
  • Sidebar

    Sidebar

    301
  • Progress Bar Stepper

    Progress Bar Stepper

    45
  • Navbar

    Navbar

    1
  • Navbar with Theme Toggle

    Navbar with Theme Toggle

    46
  • Breadrcrumb

    Breadrcrumb

    23
  • Stacked Circular Footer

    Stacked Circular Footer

    429
  • Tabs

    Tabs

    16
  • NavBar

    NavBar