PageHeaderDescription

The PageHeaderDescription component provides styled description text for page headers.

Usage

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

<template>
  <PageHeaderDescription>
    A brief description of what this page covers.
  </PageHeaderDescription>
</template>

API Reference

PageHeaderDescription

Styling

• Responsive text sizes: text-base (mobile), sm:text-lg (desktop)
• Max width: max-w-3xl
• Text balance for better wrapping
• Foreground color

Related Components

• PageHeader - Parent container
• PageHeaderHeading - Heading component