Page Navigation - Launchpad

How It Works

The page navigation at the top and bottom of every demo page is generated automatically from config/sidebar.json. Adding or reordering pages in the JSON updates all prev/next links across every page. No code changes needed.

data_object sidebar.json Structure

{
  "navigation": [
    {
      "title": "Components",
      "items": [
        { "label": "Buttons", "icon": "smart_button", "url": "/components/buttons", "key": "buttons" },
        { "label": "Badges", "icon": "verified", "url": "/components/badges", "key": "badges" },
        // ... more items
      ]
    }
  ]
}

Page Nav Partial

Include the partial in any view. It reads the JSON, finds the current page, and renders prev/next links.

<!-- Include at top of page -->
<?php $position = 'top'; include 'partials/page-nav.php'; ?>

<!-- Your page content -->

<!-- Include at bottom of page -->
<?php $position = 'bottom'; include 'partials/page-nav.php'; ?>

Scroll Buttons

The floating scroll-to-top and scroll-to-bottom buttons are visible on the bottom-right of every page. They're included once in the layout and work automatically.

keyboard_arrow_up Scroll to Top

keyboard_arrow_down Scroll to Bottom

Features

check Automatically reads from sidebar.json - no hardcoded page lists
check Prev/next links at top and bottom of every demo page
check Dashboard page excluded (no prev/next on home)
check Floating scroll-to-top and scroll-to-bottom buttons
check Reusable partial - include in any page view
check Works with all theme modes