PageHeader

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

<template>
  <PageHeader>
    <PageHeaderHeading>
      Welcome to Our Documentation
    </PageHeaderHeading>
    <PageHeaderDescription>
      Learn how to build amazing things with our tools and components.
    </PageHeaderDescription>
  </PageHeader>
</template>

Copy<template>
  <PageHeader>
    <PageHeaderHeading>Page Title</PageHeaderHeading>
    <PageHeaderDescription>
      A brief description of what this page covers.
    </PageHeaderDescription>
  </PageHeader>
</template>

Copy<template>
  <PageHeader>
    <PageHeaderHeading>Custom Header</PageHeaderHeading>
    <PageHeaderDescription>
      Description text here.
    </PageHeaderDescription>
    <Button>Get Started</Button>
  </PageHeader>
</template>

Copy<template>
  <PageHeaderHeading>
    Your Page Title
  </PageHeaderHeading>
</template>

Copy<template>
  <PageHeaderDescription>
    Your page description goes here.
  </PageHeaderDescription>
</template>