Layout | WindowFrame

WindowFrame#

Description#

• Wrapper component that includes the TopBar (top bar) and renders its content through a slot. Used as the main container for views.

Props#

• title (string) — Title shown in the TopBar. Default: 'Vasak'.
• image (string) — Image/icon for the TopBar. Default: ''.

Slots#

• Default — Window content.

Usage#

1
2
3
4
5
6
7
8
9

<script setup lang="ts">
import WindowFrame from '../window/WindowFrame.vue'
</script>

<template>
  <WindowFrame title="My App" image="/icons/app.svg">
    <div class="p-4">Application content</div>
  </WindowFrame>
</template>