幽灵头像的存在

Spectre Avatar 存在用于设置存在的指示器。我们可以添加一个 元素并在该元素中放置一个 avatar-presence 类，然后添加在线、离开或忙碌的任何您想要显示的内容。

幽灵头像存在等级：

• avatar-presence：该类用于渲染头像中的存在布局。
• online：该类用于设置在线状态。
• busy：该类用于设置出席状态忙。
• away：该类用于设置离开状态。

句法：

下面的示例说明了 Spectre Avatar 的存在：

示例：在此示例中，我们将看到所有三个存在类都被使用。

HTML

  

    
    
    

  

    
    
GeeksforGeeks
    SPECTRE Avatar presence Class
    


    

        Presence Busy:
         Geeksforgeeks
        
        

            
            
        
        
A Computer Science Portal for Geeks
  
    
    

        Presence Away:
         Geeksforgeeks
        
        

            
            
        
        
A Computer Science Portal for Geeks
  
    
    

        Presence Online:
         Geeksforgeeks
        
        

            
            
        
        
A Computer Science Portal for Geeks
  
    
    

  

---

输出：

幽灵头像的存在

参考： https ://picturepan2.github.io/spectre/components/avatars.html#avatars-presence