Quickshell


WrapperItem: Item

import Quickshell.Widgets

This component is useful when you need to wrap a single component in an item, or give a single component a margin. See QtQuick.Layouts for positioning multiple items.

NOTE

WrapperItem is a MarginWrapperManager based component. See its documentation for information on how margins and sizes are calculated.

Example: Adding a margin to an item

The snippet below adds a 10px margin to all sides of the Text item.

WrapperItem {
  margin: 10

  Text { text: "Hello!" }
}

NOTE

The child item can be specified by writing it inline in the wrapper, as in the example above, or by using the Go to child property. See Go to WrapperManager.child for details.

WARNING

You should not set Go to Item.x, Go to Item.y, Go to Item.width, Go to Item.height or Go to Item.anchors on the child item, as they are used by WrapperItem to position it. Instead set Go to Item.implicitWidth and Go to Item.implicitHeight.