//
Pagination with page navigation, next and previous links.
bun add xiod-ui1import {2 Pagination,3 PaginationContent,4 PaginationEllipsis,5 PaginationFirst,6 PaginationInput,7 PaginationItem,8 PaginationLast,9 PaginationLink,10 PaginationNext,11 PaginationPrevious12} from "xiod-ui/pagination";1<Pagination>2 <PaginationInput />3 <PaginationContent>4 <PaginationItem />5 <PaginationEllipsis />6 <PaginationFirst />7 <PaginationLast />8 <PaginationLink />9 <PaginationNext />10 <PaginationPrevious />11 </PaginationContent>12</Pagination>| Prop | Type | Default | Description |
|---|---|---|---|
isActive | boolean| undefined | - | |
size | "default"| "sm"| "lg"| "xs"| "xl"| "icon"| "icon-lg"| "icon-sm"| "icon-xl"| "icon-xs"| null| undefined | - | |
render | ReactElement<unknown, string| JSXElementConstructor<any>>| ComponentRenderFn<HTMLProps, {}>| undefined | - | Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render. |
| Prop | Type | Default | Description |
|---|---|---|---|
value | number| undefined | - | |
onChange | ((page: number) => void)| undefined | - | |
totalPages | number| undefined | - |
| Prop | Type | Default | Description |
|---|---|---|---|
isActive | boolean| undefined | - | |
size | "default"| "sm"| "lg"| "xs"| "xl"| "icon"| "icon-lg"| "icon-sm"| "icon-xl"| "icon-xs"| null| undefined | - | |
render | ReactElement<unknown, string| JSXElementConstructor<any>>| ComponentRenderFn<HTMLProps, {}>| undefined | - | Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render. |
| Prop | Type | Default | Description |
|---|---|---|---|
isActive | boolean| undefined | - | |
size | "default"| "sm"| "lg"| "xs"| "xl"| "icon"| "icon-lg"| "icon-sm"| "icon-xl"| "icon-xs"| null| undefined | icon | |
render | ReactElement<unknown, string| JSXElementConstructor<any>>| ComponentRenderFn<HTMLProps, {}>| undefined | - | Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render. |
| Prop | Type | Default | Description |
|---|---|---|---|
isActive | boolean| undefined | - | |
size | "default"| "sm"| "lg"| "xs"| "xl"| "icon"| "icon-lg"| "icon-sm"| "icon-xl"| "icon-xs"| null| undefined | - | |
render | ReactElement<unknown, string| JSXElementConstructor<any>>| ComponentRenderFn<HTMLProps, {}>| undefined | - | Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render. |
| Prop | Type | Default | Description |
|---|---|---|---|
isActive | boolean| undefined | - | |
size | "default"| "sm"| "lg"| "xs"| "xl"| "icon"| "icon-lg"| "icon-sm"| "icon-xl"| "icon-xs"| null| undefined | - | |
render | ReactElement<unknown, string| JSXElementConstructor<any>>| ComponentRenderFn<HTMLProps, {}>| undefined | - | Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render. |