Telerik UI for ASP.NET Core Badge Basic Usage
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API HTML HELPER APIThe Badge component is part of Telerik UI for ASP.NET Core, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Description
The Telerik UI for ASP.NET Core Badge can be used to decorate any components in the application that require a visual notification. For example, you can display a flag in a Grid column if the cell value reaches a specified limit. A similar example is demonstrated in the overview demo of the Grid in the In Stock column.
The Badge also provides multiple built-in options that allow you to define the various appearance visualizations based on your preferences. This demo shows differently styled Badges integrated into the ToolBar commands.
The ASP.NET Core Badge control is part of Telerik UI for ASP.NET Core, a professional-grade UI library with 110+ components for building modern and feature-rich web applications. The Badge is a server-side wrapper for the Kendo UI for jQuery Badge component and supports an HtmlHelper and a TagHelper mode.
Functionality and Features
- Appearance—Customize the component look and feel through a variety of options.
- Labels—Integrate the Badge as a label into a Grid, ToolBar, ListView, Buttons, and other UI components.
- Templates—Define a custom content through the
Template()
orTemplateId()
methods. - API—Modify the initial component options, or show or hide it at runtime.