GitHub

Link

PreviousNext

A text link in GPUI Kit's link color, as HyperlinkButton.

Full
InteractiveLink demo
<HyperlinkButton Content="Documentation" NavigateUri="https://avalonia-uikit.omofla.sh" HorizontalAlignment="Left" />

Usage

The theme covers HyperlinkButton in full: the text in the link color with a 1px underline at half strength; hovered, the text fades to 80% and the underline turns solid; pressed, the text fades to 60%. The text keeps GPUI's default line height, phi (1.618) of its size. NavigateUri opens the link; Click or Command run anything else.

Examples

Links between TextBlocks in a horizontal StackPanel, centred vertically so they read as one sentence.

Inline
InteractiveLink demo: Inline
<StackPanel Orientation="Horizontal" Spacing="4" HorizontalAlignment="Left">
  <TextBlock Text="Read the" VerticalAlignment="Center" />
  <HyperlinkButton Content="getting started guide" NavigateUri="https://avalonia-uikit.omofla.sh" VerticalAlignment="Center" />
  <TextBlock Text="or browse the" VerticalAlignment="Center" />
  <HyperlinkButton Content="source on GitHub" NavigateUri="https://github.com/supermomonga/avalonia-uikit" VerticalAlignment="Center" />
</StackPanel>

Not covered

  • Nothing: the control's look is covered in full.