Filter by title
There is a newer version of this document!

Badges

Introduction

abp-badge and abp-badge-pill are ABP Tag Helper attributes for a and span html tags.

Basic usage:

<span abp-badge="Primary">Primary</span>
<a abp-badge="Info" href="#">Info</a>
<a abp-badge-pill="Danger" href="#">Danger</a>

Demo

See the badges demo page to see it in action.

Values

  • Indicates the type of the badge. Should be one of the following values:

    • Default
    • Primary
    • Secondary
    • Success
    • Danger
    • Warning
    • Info
    • Light
    • Dark

Example:

<span abp-badge-pill="Danger">Danger</span>

Contributors


Last updated: October 14, 2025 Edit this page on GitHub

Was this page helpful?

Please make a selection.

To help us improve, please share your reason for the negative feedback in the field below.

Please enter a note.

Thank you for your valuable feedback!

Please note that although we cannot respond to feedback, our team will use your comments to improve the experience.

ABP Community Talks
AI-Powered .NET Apps with ABP & Microsoft Agent Framework
18 Dec, 17:00
Online
Register Now
ABP Live Webinar
Webinar Calendar Webinar Calendar
Discover
ABP Platform
Register Now
Dec 17
Wednesday,
17:00 UTC
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.