# Page Examples (vue)

```vue
<template>
  <h1>DBPage Documentation Examples</h1>
  <h2>1. Default Page</h2>
  <DBPage><template v-slot:header><DBHeader>Header Content</DBHeader></template>
 Main Page</DBPage>
  <h2>2. Document Overflow Variants</h2>
  <DBPage documentOverflow="hidden">
    <template v-slot:header><DBHeader>Header Content</DBHeader></template>
 Main Page with Hidden Overflow
  </DBPage>
  <DBPage documentOverflow="auto">
    <template v-slot:header><DBHeader>Header Content</DBHeader></template>
 Main Page with Auto Overflow
  </DBPage>
  <h2>3. Fade-In Effect</h2>
  <DBPage :fadeIn="true"><template v-slot:header><DBHeader>Header Content</DBHeader></template>
 Main Page with Fade-In</DBPage>
  <h2>4. Variant Examples</h2>
  <DBPage variant="auto"><template v-slot:header><DBHeader>Header Content</DBHeader></template>
 Page with Auto Variant</DBPage>
  <DBPage variant="fixed"><template v-slot:header><DBHeader>Header Content</DBHeader></template>
 Page with Fixed Variant</DBPage>
</template>

<script setup lang="ts">
import { DBPage } from "@db-ux/v-v-core-components";
</script>
```