We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Overview

The badge is a pure CSS component used to add notifications, messages, or statuses in different shapes and sizes. The badge component can be easily integrated with components like list view, avatar, and other container components.


Notifications

Badges can be used to display unread notification counts in different colors to indicate their priority level.


Predefined styles

Badges are available in eight predefined styles.


Types

Badge supports six different styles: default, circle, pill, notification, ghost, and dot.


Customization

Badges are designed with easy customization in mind. We can completely customize the attributes, like dimensions and colors.


Integrations

Badge can be integrated into various components to achieve different applications, such as displaying an unread mail count in an email category, the current status of product support, etc.


45+ REACT COMPONENTS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.