Window

The root of the Vue.js application must be a Window component which represents a single window.
The window must contain exactly one child widget, typically a container.
Attributes
title
type: String
The title of the window.
width
type: Number
The width of the window content.
height
type: Number
The height of the window content.
margined
type: Boolean
Whether the window adds a margin around its content.
menu
type: Boolean
Whether the window has a menu.
fullscreen
type: Boolean
Whether the window is displayed in full screen mode.
borderless
type: Boolean
Whether the window is displayed without the border and title bar.
Events
close
Called when the close button is clicked. To exit the application, call this.$exit(). To close the window without exiting the application, call this.$root.$destroy().
show
Called when the window is about to be shown. Unlike the mounted() life-cycle hook, at this point all widgets are already initialized.
resize
Called when the size of the window is changed. The current size is passed as an argument. It's an object containing w and h properties representing the width and height.
Properties
window
type: libui.UiWindow
This property of the Window component returns the associated libui.UiWindow object.
Example
<Window title="Vuido Example" width="400" height="100" margined v-on:close="exit">
  <Box padded>
    ...
  </Box>
</Window>

Built-in Components

Containers

Last modified 4yr ago