skip navigation
  • Product Bundles

    DevCraft

    All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:

    • NEW: Design Kits for Figma
    • Online Training
    • Document Processing Library
    • Embedded Reporting for web and desktop

    Web

    Kendo UI UI for jQuery UI for Angular UI for React UI for Vue UI for Blazor UI for ASP.NET Core UI for ASP.NET MVC UI for ASP.NET AJAX

    Mobile

    UI for .NET MAUI UI for Xamarin

    Document Management

    Telerik Document Processing

    Desktop

    UI for .NET MAUI UI for WinUI UI for WinForms UI for WPF

    Reporting

    Telerik Reporting Telerik Report Server

    Testing & Mocking

    Test Studio Test Studio Dev Edition Telerik JustMock

    CMS

    Sitefinity

    UI/UX Tools

    ThemeBuilder Design System Kit Templates and Building Blocks

    Debugging

    Fiddler Fiddler Everywhere Fiddler Classic FiddlerCap FiddlerCore

    Free Tools

    VB.NET to C# Converter Testing Framework
    View all products
  • Overview
  • Demos
  • Blazor Hybrid
    • What's New
    • Roadmap
    • Release History
  • Support and Learning

    • Support and Learning Hub
    • Blazor Tutorials and Learning
    • First Stepswith Blazor Web Assembly
    • First Steps with Blazor Server
    • First Steps with Blazor Hybrid
    • Accessibility and Security
    • Submit a Ticket
    • FAQs

    Docs & Resources

    • Docs
    • Demos
    • Modernization and Migration
    • Virtual Classroom
    • Forums
    • Videos
    • Blogs

    Productivity and Design Tools

    • REPL for Blazor
    • ThemeBuilder
    • Design System Documentation
    • Figma Kits
    • Visual Studio Extensions
    • Visual Studio Code Extensions
    • Embedded Reporting
  • Pricing
  • Shopping cart
    • Account Overview
    • Your Licenses
    • Downloads
    • Support Center
    • Forum Profile
    • Payment Methods
    • Edit Profile
    • Log out
  • Login
  • Contact Us
  • Try now

Class TelerikBadge

Inheritance
System.Object
BaseComponent
TelerikBadge
Inherited Members
BaseComponent.ShouldRender()
BaseComponent.OnInitializedAsync()
BaseComponent.OnAfterRenderAsync(Boolean)
BaseComponent.Dispose()
BaseComponent.InitLocalizer()
BaseComponent.ThrowIfParameterIsNull(Object, String)
BaseComponent.HaveOptionsChanged(IDictionary<String, Object>, IDictionary<String, Object>)
BaseComponent.GetClassString(String[])
BaseComponent.InvokeAsync<T>(String, Object[])
BaseComponent.InvokeAsync<T>(String, CancellationToken, Object[])
BaseComponent.InvokeVoidAsync(String, Object[])
BaseComponent.InvokeComponentMethodAsync<T>(String, Object[])
BaseComponent.InvokeComponentMethodAsync<T>(String, CancellationToken, Object[])
BaseComponent.InvokeVoidComponentMethodAsync(String, Object[])
BaseComponent.InvokeComponentVoidMethodAsync(String, Object)
BaseComponent.InvokeDisposeAsync()
BaseComponent.StateHasChanged()
BaseComponent.RootComponent
BaseComponent.Class
Namespace: Telerik.Blazor.Components
Assembly: Telerik.Blazor.dll

Syntax

public class TelerikBadge : BaseComponent, IDisposable

Constructors

TelerikBadge()

Declaration
public TelerikBadge()

Properties

ChildContent

Declaration
public RenderFragment ChildContent { get; set; }
Property Value
Microsoft.AspNetCore.Components.RenderFragment

FillMode

Defines how the Badge component is filled. Valid values are: Flat Outline Solid The default value is Solid.

Declaration
public string FillMode { get; set; }
Property Value
System.String

HorizontalAlign

Controls if the Badge will render on the left or the right side of the parent element. Valid values are: Start - The Badge renders on the left side of the parent element. End - The Badge renders on the right side of the parent element. By default, the Badge renders on the right side of the parent element.

Declaration
public BadgeHorizontalAlign HorizontalAlign { get; set; }
Property Value
BadgeHorizontalAlign

Position

Controls how the Badge positions in relation to its parent element. Valid values are: Edge - The center of the Badge displays on the edge of the parent element. Inside - The Badge is positioned entirely inside the parent element. Outside - The Badge is positioned entirely outside the parent element. By default, the center of the Badge displays on the edge of the parent element.

Declaration
public BadgePosition Position { get; set; }
Property Value
BadgePosition

Rounded

Defines how rounded the borders of the badge are. Valid values are: Small Medium Large Full The default value is Full.

Declaration
public string Rounded { get; set; }
Property Value
System.String

ShowCutoutBorder

Defines if a margin renders between the Badge and the parent element where they overlap.

Declaration
public bool ShowCutoutBorder { get; set; }
Property Value
System.Boolean

Size

Controls the size of the Badge component. Valid values are: Small Medium Large The default value is Medium.

Declaration
public string Size { get; set; }
Property Value
System.String

ThemeColor

Defines the color of the Badge component. By default, the value is Primary.

Declaration
public string ThemeColor { get; set; }
Property Value
System.String

VerticalAlign

Controls if the Badge will render above or below the parent element. Valid values are: Top - The Badge renders above the parent element. Bottom - The Badge renders below the parent element. By default, the Badge renders on top of the parent element.

Declaration
public BadgeVerticalAlign VerticalAlign { get; set; }
Property Value
BadgeVerticalAlign

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder __builder

Getting Started
  • Client-side Blazor
  • Server-side Blazor
  • Demos
Community
  • Forums
  • Blogs
  • Feedback Portal
Support Resources
  • Demos
  • Knowledge Base
  • Samples Repo
  • Localizations Repo
Sample Applications
  • Dashboard
  • PWA - Stocks
  • PWA - Blazing Coffee Roasters

Copyright © 2019 Progress Software Corporation and/or its subsidiaries or affiliates.
All Rights Reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.