Skip to content
HyperUI

No results found.

Badges

Responsive badge and tag components with base badges, icon badges, dismissible badges, and themed variations for notifications, statuses, and labels in web applications and dashboards.

Base

markmead

 
   
Simple pill-shaped badges with solid and outlined variants
 
 
 
 
  
Base (Dark)
   
markmead
 
  
 
   
 
 
   
Simple pill-shaped badges with solid and outlined variants
 
 
 
 
  
Base with icon
   
markmead
 
  
 
   
 
 
   
Badges with icons positioned on the left side
 
 
 
 
  
Base with icon (Dark)
   
markmead
 
  
 
   
 
 
   
Badges with icons positioned on the left side
 
 
 
 
  
Base with dismiss
   
markmead
 
  
 
   
 
 
   
Removable badges with close button for tags and filters
 
 
 
 
  
Base with dismiss (Dark)
   
markmead
 
  
 
   
 
 
   
Removable badges with close button for tags and filters
 
 
 
 
  
Icon only
   
markmead
 
  
 
   
 
 
   
Compact icon-only badges without text labels
 
 
 
 
  
Icon only (Dark)
   
markmead
 
  
 
   
 
 
   
Compact icon-only badges without text labels
 
 
 
 
  
Themed with icon
   
markmead
 
  
 
   
 
 
   
Status badges with semantic colors for success, warning, and error states
 
 
 
 
  
Themed with icon (Dark)
   
markmead
 
  
 
   
 
 
   
Status badges with semantic colors for success, warning, and error states
 
 
 
 
Related components
  
  View all application components