vivi 0.2 reference

BorderStyle

Defines the visual settings of a group box.

Fields

• background (brush): Defines the brush of the background. (default value: black)
• border_brush (brush): Defines the border brush. (default value: black)
• border_radius (length): Defines the border radius size. (default value: 0)
• border_width (length): Defines the width of the border. (default value: 0)

Border

Border is just a rectangle with a style.

Properties

• background (in brush): The background brush of this Border, typically a color. (default value: black)
• border_color (in brush): The color of the border. (default value: transparent)
• border_radius (in length): The size of the radius. (default value: 0)
• border_width (in length): The width of the border. (default value: 0)
• clip (in bool): By default, when an element is bigger or outside another element, it's still shown. When this property is set to true, the children of this Rectangle are clipped to the border of the rectangle. (default value: false)
• style (in BorderStyle): Defines the style of the border.

Example

import { Border } from "@vivi/foundation.slint";
export component Example inherits Window {
    width: 200px;
    height: 100px;
    Border {
      style: {
          background: #000000
      };
    }
}