SiteFooter

The SiteFooter component provides a simple footer for your documentation site.

Usage

Copy<script setup lang="ts">
import { SiteFooter } from '@/components/SiteFooter'
</script>

<template>
  <SiteFooter />
</template>

API Reference

SiteFooter

No props. Displays copyright text.

Styling

• Uses CSS variable for height: --footer-height
• Centered text
• Muted foreground color
• Responsive text sizes
• Background adapts to body classes

Customization

To customize the footer content, edit SiteFooter.vue:

Copy<template>
  <footer>
    <div>
      <span>&copy; Your Site Name</span>
      <!-- Add more content here -->
    </div>
  </footer>
</template>

Layout Integration

The footer height is controlled by the SiteBody component's CSS variables.