UI.Tab

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

Experimental/unstable

This API is experimental and might produce unexpected results or crash.

Represents a tab inside a DockArea.

Examples

Code

@wire(ui-wire {
  UI.Window(
    Position: @f2(0 0)
    Anchor: Anchor::Center
    Width: 200
    Height: 200
    Flags: [WindowFlags::NoResize]
    Contents: {
      UI.DockArea(
        Contents: {
          UI.Tab(
            Title: "Tab 1"
            Contents: {
              "Tab 1 contents" | UI.Label
            }
          )
          UI.Tab(
            Title: "Tab 2"
            Contents: {
              "Tab 2 contents" | UI.Label
            }
          )
        }
      )
    }
  )
} Looped: true)

{ui-behavior: ui-wire}

 

---