Skip to content

UI.Indent

Name Mandatory Description Default Type
⬅️ Input The value that will be passed to the Contents shards. Any
Output ➡️ The output of this shard will be its input. Any
Contents No The UI contents. none NoneShard[Shard]

Creates a child UI which is indented to the right.

Examples

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
@wire(ui-wire {
  UI.Window(
    Title: "UI indent"
    Position: @f2(0 0)
    Anchor: Anchor::Center
    Width: 700
    Height: 400
    Contents: {
      "Part A" | UI.Label
      UI.Indent(
        Contents:
        {
          "1." | UI.Label
          UI.Indent(
            Contents:
            {
              "1.1." | UI.Label
              "1.2." | UI.Label
            }
          )
          "2." | UI.Label
        }
      )
      UI.Separator
      "Part B" | UI.Label
    }
  )
} Looped: true)

{ui-behavior: ui-wire}