Skip to content

wt-page-wrapper.vue

Specs

Props

Name Required Types Default Description Example Deprecated
hideHeader boolean false Hides header section
actionsPanel boolean true Controls actions panel visibility

Slots

Name Scope Description
header
actions-panel
main

Example Page Wrapper

Code
vue
<script setup></script>

<template>
  <wt-page-wrapper>
    <template #header>
      <div style="height: 40px; background: lightblue" />
    </template>
    <template #actions-panel>
      <div style="height: 80px; background: lightblue" />
    </template>
    <template #main>
      <div style="width: 100%; height: 320px; background: lightblue" />
    </template>
  </wt-page-wrapper>
</template>