WrapBox

A Grid Box act as a container for other widgets.

Example:

{
  "name": "time",
  "edge": "bottom",
  "monitor": "HDMI-A-1",
  "layer": "overlay",
  "widget": {
    "type": "wrap-box",
    "widgets": [
      {
        "index": [-1, -1],
        "widget": {
          "type": "text",
          "fg_color": "#FFFFFF",
          "font_size": 30,
          "font_family": "JetBrainsMono Nerd Font",
          "preset": {
            "type": "time",
            "format": "%m-%d\n%H:%M"
          }
        }
      }
    ]
  }
}

type*

const `wrap-box`

gap

Gap between widgets in the grid.

Type: int
Default: 10

align

Align of the items inside grid

#[serde(rename_all = "snake_case")]
pub enum Align {
    #[default]
    TopLeft,
    TopCenter,
    TopRight,
    CenterLeft,
    CenterCenter,
    CenterRight,
    BottomLeft,
    BottomCenter,
    BottomRight,
}

outlook

Box style, currently only one: window.

Type: null | object
Default: null for default of window

window

type*

const `window`

margins

left, top, right, bottom.

Type: object
Default: {}

color

Color of the box window.

Support: #rgb/#rrggbb/#rrrgggbbb/rgb(r, g, b)/rgba(r, g, b, a)...
For full info, check RGBA

Type: string
Default: #4d8080

border_radius

Type: int
Default: 5

border_width

Type: int
Default: 15

widgets

Array of supported widgets and it's position in grid.

Type: array
Default: []

index*

[x, y] position of the widget in grid, -1 means to append widget to the end of the grid.

Type: [int, int]

widget*

Type: object