The view widget can be used to structure other widgets within it. It is mainly used for creating layouts for other widgets. Think of this as analogous to the div in the DOM. The vn-view widget is based on NodeGui's QWidget


<vn-text>Enjoying vue-nodegui?</vn-text>
<vn-view :style="'flex-direction: row'">
<vn-button>Yes, again</vn-button>
export default { }

What it looks like?


Props and styling

You can find all the props vn-view accepts listed below. Apart from this, you can take a look at the styling and event handling docs





Optional enabled

enabled? : undefined | false | true

Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. QWidget: setEnabled

Optional id

id? : undefined | string

Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. QWidget: setObjectName

Optional mouseTracking

mouseTracking? : undefined | false | true

Sets the property that tells whether mouseTracking is enabled for the widget. QWidget: setMouseTracking

Optional style

style? : undefined | string

Sets the inline stylesheet property. QWidget: setInlineStyle

Optional styleSheet

styleSheet? : undefined | string

Sets the property that holds the widget's style sheet. QWidget: setStyleSheet

Optional visible

visible? : undefined | false | true

Shows or hides the widget and its children. QWidget: show

Optional windowOpacity

windowOpacity? : undefined | number

This property holds the level of opacity for the window. QWidget: setWindowOpacity

Optional windowTitle

windowTitle? : undefined | string

Sets the window title property. QWidget: setWindowTitle