Skip to content

UI.Link

Name Mandatory Description Default Type
⬅️ Input The value that will be passed to the Action shards of the link. Any
Output ➡️ Indicates whether the link was clicked during this frame. Bool
Label No Optional label for the link. none StringNone
Action No The shards to execute when the link is clicked. none NoneShard[Shard]
Style No The text style. none {Any}Var({Any})

A clickable link.

Examples

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
@wire(ui-wire {
  UI.Window(
    Title: "UI Link"
    Position: @f2(0 0)
    Anchor: Anchor::Center
    Width: 700
    Height: 400
    Contents: {
      UI.CentralPanel(
        {UI.Link(
            Label: "Click here"
            Style: {italics: true}
            Action: Msg("Hello")
          )
        }
      )
    }
  )
} Looped: true)

{ui-behavior: ui-wire}
 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
@wire(ui-wire {
  UI.Window(
    Title: "UI Link"
    Position: @f2(0 0)
    Anchor: Anchor::Center
    Width: 700
    Height: 400
    Contents: {
      UI.CentralPanel(
      {UI.Link("Click here" Msg("Hello"))})
    }
  )
} Looped: true)

{ui-behavior: ui-wire}