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>