Skip to content

Badge

Definition

A badge is a small count or label that can be used to add additional information to other UI elements such as buttons, notifications, or list items. They are often used to indicate status, count, or additional context.

Badges are typically displayed as small circles or rectangles with a number or text inside. They can be styled with different colors to convey different meanings, such as success, warning, or error.

  • Displays status or count information succinctly.
  • Enhances the visibility of notifications or updates.
  • Can be customized with various colors and styles.

Example

{% include 'django_spire/badge/success_badge.html' with badge_text='Well-done' %}
{% include 'django_spire/badge/primary_badge.html' with badge_text='Medium-well' %}
{% include 'django_spire/badge/secondary_badge.html' with badge_text='Medium' %}
{% include 'django_spire/badge/warning_badge.html' with badge_text='Medium-rare' %}
{% include 'django_spire/badge/danger_badge.html' with badge_text='Rare' %}