Read the bit platform source on GitHub.

Basic link Disabled link ``` \n**Underline**: ```razor Underlined on hover (default) Always underlined Never underlined ``` \n**Icon**: ```razor Leading icon Trailing icon ``` \n**New tab**: ```razor Opens in a new tab Announced with a translated hint GitHub (opens in a new tab) ``` \n**Download**: ```razor Download the bit logo Download with a custom file name ``` \n**Rel**: ```razor nofollow noreferrer sponsored ugc opener (no automatic noopener) ``` \n**Events**: ```razor A button link (clicked @buttonClickCount times) An anchor with OnClick (clicked @anchorClickCount times)

A clickable container (clicked @containerClickCount times): StopPropagation (clicked @innerClickCount times)

Ask before leaving

@guardMessage

``` ```csharp private int buttonClickCount; private int anchorClickCount; private int innerClickCount; private int containerClickCount; private string? guardMessage; private void HandleGuardedClick() { // The browser did not navigate, so what happens next is entirely up to this handler: // confirm, save a draft, track the click, and then navigate from here if it should happen. guardMessage = "The navigation was suppressed. This is where a confirmation would go."; } ``` \n**In-page links**: ```razor Go to the end of the article

Every story starts with a blank canvas, a quiet space waiting to be filled with ideas, emotions and dreams. These placeholder words stand for the beginning, a moment where everything is still to come.

Soon these lines will turn into narratives that provoke thought and resonate with those who read them. Until then they are the scaffolding of something remarkable, a bridge between the empty page of now and the stories of tomorrow.

In this space potential reigns: each word can still become something extraordinary. Whether it is a tale of adventure, a reflection of truth or an idea that sparks change, these lines are yours to fill.

Back to the start of the article ``` \n**Current link**: ```razor

@checkoutSteps[step]

``` ```csharp private int currentStep; private readonly string[] checkoutSteps = ["Cart", "Shipping", "Payment"]; ``` \n**Accessibility**: ```razor Hover for the full address Download the brand guidelines Disabled (skipped by Tab) Disabled (still focusable) Focus the link below The focus lands here ``` ```csharp private BitLink focusTargetRef = default!; ``` \n**CSS variables**: ```razor

Set on the container: an offset, thicker underline, and a visited link in its own color.

Set on one link ``` \n**Cascading parameters**: ```razor bit platform bit platform on GitHub Its own Underlined, the cascaded rest ``` ```csharp private readonly BitLinkParams[] linkParams = [ new() { Underlined = true, Target = BitLinkTarget.Blank, IconName = BitIconName.OpenInNewWindow, IconPlacement = BitPlacement.End, } ]; ``` \n**Color**: ```razor Primary Secondary Tertiary Info Success Warning SevereWarning Error

PrimaryBackground SecondaryBackground TertiaryBackground

PrimaryForeground SecondaryForeground TertiaryForeground PrimaryBorder SecondaryBorder TertiaryBorder Primary Secondary Warning Error PrimaryForeground A card-like link Its text keeps the colors BitText gives it. ``` \n**External Icons**: ```razor FontAwesome FontAwesome, trailing Bootstrap Bootstrap, trailing ``` \n**Size**: ```razor Small Medium Large ``` \n**Style & Class**: ```razor Link with style Link with class ``` \n**RTL**: ```razor

پیوند راست به چپ پیوند راست به چپ با آیکن

```