vivi 0.2 reference

GroupBox

A GroupBox is a container that groups its children together under a common title.

Properties

• title (in string): A text written as the title of the group box.
• style (in GroupBoxStyle): Defines the style of the group box.

Example

import { GroupBox , MagicVerticalBox, CheckBox } from "@vivi/magic.slint";
export component Example inherits Window {
    width: 200px;
    height: 100px;
    GroupBox {
        title: "Groceries";
        VerticalLayout {
            CheckBox { text: "Bread"; checked: true ;}
            CheckBox { text: "Fruits"; }
        }
    }
}