• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGrid
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs

Kendo UI for Angular Badge Overview

The Kendo UI for Angular Badge is a visual indicator for UI elements.

The Badge enables you to easily show statuses, notifications, and short messages in your application, and also provides additional contextual information for other elements on the page.

The Badge Component is part of Kendo UI for Angular, 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.

The following example demonstrates the Badge in action.

Example
View Source
Change Theme:

Key Features

  • Badge container
  • Aligning and positioning—You can align the Badge in relation to its parent container whether it is an HTML element or an Angular Component.
  • Appearance—The Badge delivers ready-to-use, predefined sets of styling options for modifying its roundness, size, theme color, and more.
  • Globalization—All Kendo UI for Angular Indicators provide globalization options.

Support and Learning Resources

Additional Resources