Radzen Blazor Overview - Buttons with badge tooltip

Radzen.Blazor Components
1

Good day everyone

When I was checking the Overview page of Radzen Blazor, I saw the buttons with a cool badge tooltip-iche effects, I actually thought that they have his component, so Iooked through out the components, and unfortunately, I can’t find a similar component, especially on button components

image
image762×238 9.27 KB

Now, Do I skip this or do I looking on the wrong components, how can I achieve this? I actually want to put this feature on one of my applications.

I hope someone can help me on this.

Thanks you.

2

Hi @arcdotnetdev,

It’s a custom made layout utilising RadzenLink, RadzenBadge and RadzenIcon components.

Here is a sample markup from Index.razor:

<div class="components-list">
    <RadzenLink Path="/panelmenu">
        <RadzenIcon aria-hidden="true" Icon="@("\ue875")" />
        <span>PanelMenu</span>
        <RadzenBadge BadgeStyle="BadgeStyle.Info" Title="Updated">
            <RadzenIcon aria-hidden="true" Icon="@("\ue863")" />
            <span>Updated</span>
        </RadzenBadge>
    </RadzenLink>
</div>

And you can copy the styles from here.

3

I will try this, thank you.