saturation/uisaturation/ui
DocsComponentsBlocksPages
GitHub

Sections

IntroductionComponentsInstallationMCPTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBeamBlur FadeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandComparison SliderContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmoji PickerEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNavigation MenuNovel EditorPaginationParallaxProgressProgressive BlurRadio GroupRippleSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography
Docs/Components/Page Navigation

Page Navigation

Previous and next page navigation links for documentation or multi-page content.

Loading...

Installation

pnpm dlx shadcn@latest add https://ui.saturation.io/r/page-navigation.json

Usage

import { PageNavigation } from "@/components/ui/page-navigation"
<PageNavigation
  prev={{ title: "Installation", href: "/docs/installation" }}
  next={{ title: "Button", href: "/docs/components/button" }}
/>

API Reference

PageNavigation

PropTypeDefaultDescription
prev{ title: string; href: string }—The previous page link. If not provided, the previous button is hidden.
next{ title: string; href: string }—The next page link. If not provided, the next button is hidden.
classNamestring—Additional CSS classes for the nav container.
PreviousNovel EditorNextPagination

On This Page

  • Installation
  • Usage
  • API Reference
  • PageNavigation
PreviousButtonNextDialog