Simple Links
<MudLink Href="#">Default</MudLink> <MudLink Href="#" Typo="Typo.subtitle1">Different typography</MudLink> <MudLink Href="#" Disabled="true">Disabled link</MudLink>
Inline Links
Caption text with an inline link inherits the smaller typography.
<MudText Typo="Typo.caption"> Caption text with an <MudLink Href="#">inline link</MudLink> inherits the smaller typography. </MudText>
Underlines
<MudLink Href="#">Default</MudLink> <MudLink Href="#" Underline="Underline.Always">Always</MudLink> <MudLink Href="#" Underline="Underline.None">None</MudLink>
Icons
Links can have icons at the start or end using the StartIcon and EndIcon properties.
<MudLink Href="https://mudblazor.com/" StartIcon="@Icons.Material.Filled.Home">Home</MudLink> <MudLink Href="https://github.com/MudBlazor/MudBlazor" Target="_blank" EndIcon="@Icons.Custom.Brands.GitHub">GitHub</MudLink> <MudLink Href="/" StartIcon="@Icons.Material.Filled.Link" EndIcon="@Icons.Material.Filled.OpenInNew">Internal Link</MudLink>
OnClick
OnClick property provides a way to invoke an action instead of (or in conjunction with) Href navigation.
<MudLink OnClick="Count" Href="/components/link#onclick">Count and go</MudLink> <MudLink OnClick="Count">Count</MudLink> <MudText>Counter: @counter</MudText>
@code { private int counter = 0; private void Count() => counter++; }