Add link buttons about fast-blazor HOT 6 CLOSED

Or you can use https://www.fluentui-blazor.net/Anchor#appearance @dvoituron beat me to it...😂

from fast-blazor.

Nevermind. This can be achieved by wrapping the a tag aroudn the button like this

<a href="/Admin/Users/Edit">
    <FluentButton IconStart="@(new Icons.Regular.Size20.PersonAdd())"
                  Appearance="Appearance.Accent">

        New User
    </FluentButton>
</a>

from fast-blazor.

@MarvinKlein1508 You could also use FluentAnchor

<FluentAnchor Href="/Admin/Users/Edit"
              IconStart="@(new Icons.Regular.Size20.PersonAdd().WithColor(Color.Fill))"
              Appearance="Appearance.Accent">
    New User
</FluentAnchor>

from fast-blazor.

@dvoituron thanks for pointing this out to me. However there seems to be a difference in using the FluentAnchor over the FluentButton.

Take a look on this:

code:

<FluentAnchor Href="/Admin/Users/Edit" Appearance="Appearance.Accent" IconStart="@(new Icons.Regular.Size20.PersonAdd())">
    Neuer Benutzer
</FluentAnchor>
<a href="/Admin/Users/Edit">
    <FluentButton IconStart="@(new Icons.Regular.Size20.PersonAdd())"
                  Appearance="Appearance.Accent">

        Neuer Benutzer
    </FluentButton>
</a>

from fast-blazor.

The icon is still there but it has the same color as the accent FluentAnchor for some reason

from fast-blazor.

Yep... reason why I added .WithColor(Color.Fill) in my example.

But you can choose you better solution :-)

from fast-blazor.