Pagination

InstallCopy Anchor Link

npx ghostcn@1.4.0 add pagination --skip-existing

UsageCopy Anchor Link

The native {{pagination}} helper picks up partials/pagination.hbs automatically. For styling parameters, use the direct call below instead of rendering both. Pass the current collection’s pagination object.

{{> "pagination" pagination}}

Customize this instanceCopy Anchor Link

{{> "pagination" pagination class="my-10" buttonClass="rounded-xl"}}

Styling parametersCopy Anchor Link

Styling parameters affect only elements that render. See Style component instances for specificity, dark mode, and preserving customizations.

Installed filesCopy Anchor Link

• partials/pagination.hbs
• assets/css/components/pagination.css

View the registry source