BrandUI Link - PrimerBlazor

Basic Link

<PrimerBrandLink Href="https://dotnet.microsoft.com/ko-kr/apps/aspnet/web-apps/blazor" Color="BrandLinkColor.Default" ArrowDirection="BrandLinkArrowDirection.None">
    Default Link
</PrimerBrandLink>

Label Link with Arrow

Shortcut

<PrimerBrandLink Href="https://dotnet.microsoft.com/ko-kr/apps/aspnet/web-apps/blazor"
                    Color="BrandLinkColor.Accent"
                    IsLabel="true"
                    ArrowDirection="BrandLinkArrowDirection.End">
    Shortcut
</PrimerBrandLink>

Inline Link

This is an inline link

<PrimerBrandLink Href="https://dotnet.microsoft.com/ko-kr/apps/aspnet/web-apps/blazor"
                    IsInline="true"
                    Color="BrandLinkColor.Default"
                    ArrowDirection="BrandLinkArrowDirection.None">
    This is an inline link
</PrimerBrandLink>

External Link (Large + Arrow)

Go to GitHub

<PrimerBrandLink Href="https://github.com"
                    IsExternal="true"
                    IsLarge="true"
                    ArrowDirection="BrandLinkArrowDirection.End">
    Go to GitHub
</PrimerBrandLink>

Link Component Options

Available options for PrimerBrandLink

Name	Description	Default Value	CSS Class
Href	Target URL of the link	null	-
Target	Target attribute of anchor	_self	-
Rel	Rel attribute for anchor tag	null	-
Color	Link color enum	Accent	Link--{color}
ArrowDirection	Arrow direction (None, Start, End)	End	Link--arrow-{direction}
IsInline	Inline link styling	false	InlineLink
IsLabel	Styled as label link	false	Link--label
IsExternal	Adds external link styling	false	Link--is-external
IsLarge	Larger size text	false	Link--large
IsCallToAction	Call-to-action styling	true	Bento__call-to-action
IsActive	Active state styling	false	Link--is-active
Size	Text size (enum)	200	Text--{size}
ClassName	Additional class name	null	-