Link

A text link in the link color, as HyperlinkButton.

ExampleInteractive

Link — Avalonia UIKit

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

View code

#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's line height is 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.

<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>

View code

#Not covered

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