AccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonButton GroupCalendarCardCarouselChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDirectionDrawerDropdown MenuEmptyFieldHover CardInputInput GroupInput OTPItemKbdLabelMenubarNative SelectNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll AreaSelectSeparatorSheetSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToastToggleToggle GroupTooltipTypography
Pagination
Pagination with page navigation, next and previous links.
templ
templ PaginationDemo() {
@ui.Pagination("", nil) {
@ui.PaginationContent("", nil) {
@ui.PaginationItem("", nil) {
@ui.PaginationPrevious("/", "", nil)
}
@ui.PaginationItem("", nil) {
@ui.PaginationLink("/", false, "", nil) {
1
}
}
@ui.PaginationItem("", nil) {
@ui.PaginationLink("/", true, "", nil) {
2
}
}
@ui.PaginationItem("", nil) {
@ui.PaginationLink("/", false, "", nil) {
3
}
}
@ui.PaginationItem("", nil) {
@ui.PaginationEllipsis("", nil)
}
@ui.PaginationItem("", nil) {
@ui.PaginationNext("/", "", nil)
}
}
}
}