Last Updated: 30 Nov 2021 08:19 by Enrico
Created on: 07 May 2020 18:25
Category: UI for Blazor
Type: Feature Request
Badge component
Similar to the Bootstrap badges https://getbootstrap.com/docs/4.0/components/badge/
Posted on: 30 Nov 2021 08:19

Good morning all,

in my mind Telerik badge is not only a simple span wapper but it provides the possibility to wrap other components in order to positioning the badge with some directive like: Position.Top, Postion.Bottom, etc.. It can also include animations out of the box.

Just to be clear:

<TelerikBadge Class="badge-secondary" Position="BadgePosition.TopLeft" Animation="AnimationType.FadeIn">



Someting similar to this Flutter package for example: badges | Flutter Package (pub.dev)

Posted on: 26 Oct 2021 15:08

It would be nice to have the similar css syntax as Bootstrap, so <span class="badge badge-secondary">New</span> is preferred. A wrapper would be overkill. I had a discussion in https://www.telerik.com/forums/style-documentation-13585dbd6a40#1465094 and it would be very nice if the Telerik default theme adheres to the Bootstrap css class names to make switching between themes easy (and lookup). 

Posted on: 26 Oct 2021 14:29

Just wondering about your use-case, Dennis - What would be the timesaver, when you just could create the span instead?

Do you need some logic on it?


<span class="badge badge-secondary">New</span>

<TelerikBadge Class="badge-secondary">New</TelerikBadge>