Add show-first-last for boundary links or variant="text" for Previous and Next labels. boundary-count and sibling-count control how many page links are shown.
Custom URLs
In Astro, use getHref to generate page URLs for your router.
base-hrefbaseHrefstring'/'boundary-countboundaryCountnumber1first-labelfirstLabelstring'First page'hrefshrefsstring[][]labellabelstring'Pagination'last-labellastLabelstring'Last page'next-labelnextLabelstring'Next page'next-textnextTextstring'Next'pagepagenumber1page-labelpageLabelstring'Page'page-parampageParamstring'page'previous-labelpreviousLabelstring'Previous page'previous-textpreviousTextstring'Previous'show-first-lastshowFirstLastbooleanfalsesibling-countsiblingCountnumber1totaltotalnumber1variantvariantCadPaginationVariant'boxed'baseHrefstringbase-hrefnoboundaryCountnumberboundary-countnofirstLabelstringfirst-labelnohrefsstring[]hrefsnolabelstringlabelnolastLabelstringlast-labelnonextLabelstringnext-labelnonextTextstringnext-textnopagenumberpageyespageLabelstringpage-labelnopageParamstringpage-paramnopreviousLabelstringprevious-labelnopreviousTextstringprevious-textnoshowFirstLastbooleanshow-first-lastyessiblingCountnumbersibling-countnototalnumbertotalyesvariantCadPaginationVariantvariantyesnext-labelVisible next label in the text variant.previous-labelVisible previous label in the text variant.baseNative navigation landmark.currentCurrent page link.directionFirst, previous, next, and last controls.ellipsisOmitted page range.listOrdered page list.pagePage link.--cad-pagination-accentPer-instance ink color.--cad-pagination-current-bgCurrent-page marker color.Accessibility
Navigation has a label, every link identifies its page, and the current page uses aria-current.