PageHeaderHeading

The PageHeaderHeading component provides styled heading text for page headers.

Usage

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

<template>
  <PageHeaderHeading>
    Welcome to Our Documentation
  </PageHeaderHeading>
</template>

API Reference

PageHeaderHeading

Styling

• Large, responsive font sizes:
  • Mobile: text-4xl
  • Desktop: xl:text-5xl
• Font weight: font-semibold
• Primary color text
• Text balance
• Tight tracking
• Max width: max-w-2xl

Related Components

• PageHeader - Parent container
• PageHeaderDescription - Description component