qwik-docs

Overview

The Footer component renders the bottom section of each documentation page. It includes the edit link, last-updated timestamp, and pagination navigation.

Scroll to the bottom of any page to see the footer.

Structure

┌─────────────────────────────────────────────────┐
│  [Edit this page]              Last updated: ... │
├─────────────────────────────────────────────────┤
│  ← Previous Page              Next Page →        │
└─────────────────────────────────────────────────┘

Sub-Components

Renders an "Edit this page" link that points to the source file in a git repository.

  • Configured via editLink.baseUrl in qwik-docs.config.ts
  • Can be overridden per-page with editUrl frontmatter
  • Opens in a new tab
  • Only renders when an edit URL is available

LastUpdated

Displays the last modification date of the page.

PropTypeDescription
datestringFormatted date string
isoDatestringISO 8601 date for the <time> element
labelstringLabel text (default: "Last updated:")

Controlled via frontmatter:

---
lastUpdated: 2024-01-15
---

Pagination

See the Pagination page for full details.

CSS Classes

  • .page-footer — Main footer container
  • .meta — Edit link and last updated row
  • .sl-flex — Flexbox layout for meta row
  • .edit-link — Edit link element
  • .last-updated — Timestamp container