复制一段给 AI 编程工具的提示词,包含源码、依赖和用法
属性
PaginationProps
同时支持以下类型的全部属性: Omit<React.ComponentProps<"nav">, "onChange">
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| totalItems* 必填 | number | — | — |
| page | number | — | — |
| defaultPage | number | — | — |
| onPageChange | (page: number) => void | — | — |
| pageSize | number | — | — |
| defaultPageSize | number | — | — |
| pageSizeOptions | number[] | — | Show a page-size select when non-empty |
| onPageSizeChange | (size: number) => void | — | — |
| siblingCount | number | — | Pages shown on each side of the current page |
| showFirstLast | boolean | — | — |
| showSummary | boolean | — | "Showing 1–10 of 240" summary text |
| variant | "outline" | "ghost" | — | — |
安装
$ npx shadcn@latest add https://chromotion.dev/r/pagination.json命令行安装的是基础组件,定制的参数写在「定制」标签页生成的代码里。