{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-pagination-7","type":"registry:block","title":"Pagination with arrows buttons","description":"Pagination with arrows buttons","dependencies":[],"registryDependencies":["pagination"],"files":[{"path":"c-pagination-7.tsx","type":"registry:block","content":"import {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n} from \"@/components/ui/pagination\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function Pattern() {\n  return (\n    <Pagination className=\"w-full max-w-xs\">\n      <PaginationContent className=\"w-full justify-between\">\n        <PaginationItem>\n          <PaginationLink href=\"#\" size=\"default\" className=\"gap-2\">\n            <IconPlaceholder\n              lucide=\"ArrowLeftIcon\"\n              tabler=\"IconArrowLeft\"\n              hugeicons=\"ArrowLeft02Icon\"\n              phosphor=\"ArrowLeftIcon\"\n              remixicon=\"RiArrowLeftLine\"\n              className=\"size-4\"\n            />\n            Previous\n          </PaginationLink>\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationLink href=\"#\" size=\"default\" className=\"gap-2\">\n            Next\n            <IconPlaceholder\n              lucide=\"ArrowRightIcon\"\n              tabler=\"IconArrowRight\"\n              hugeicons=\"ArrowRight02Icon\"\n              phosphor=\"ArrowRightIcon\"\n              remixicon=\"RiArrowRightLine\"\n              className=\"size-4\"\n            />\n          </PaginationLink>\n        </PaginationItem>\n      </PaginationContent>\n    </Pagination>\n  )\n}","target":"components/examples/c-pagination-7.tsx"}],"meta":{"order":7}}