幽灵徽章

Spectre Badges 是简单的基本组件，用于显示指标或计算数字。这对于邮件计数和警报等目的非常有用。徽章与标签相同，只是它们有更多的圆角。

幽灵徽章类：

• 徽章：该类用于在按钮、图标、头像上创建徽章标记。

注意：您需要添加 data-badge 属性来提及数字。如果没有 data-badge 或未指定属性，则标记将显示为一个点。

句法：

  ...

以下示例说明了 Spectre 徽章：

例子：

HTML

 

    
    
    

 

    
    
GeeksforGeeks
    SPECTRE Badges Class
    


    

        
            Badge on Avatar:
         Geeksforgeeks
        
        

            
            
        
         
 
A Computer Science Portal for Geeks
 
 
 
        

        
            Badge on Button:
        Geeksforgeeks
        
        
            Check Updates
        
    
     
    

输出：

幽灵徽章

参考： https ://picturepan2.github.io/spectre/components/badges.html#badges