语义 UI 图标集状态

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更神奇。在本文中，我们将了解图标集状态。

它配备了预构建的语义组件，可帮助使用用户友好的 HTML 创建响应式布局，并使用预定义的 CSS 和 jQuery 来整合不同的框架。

语义 UI 图标集状态用于表示不同状态的状态符号。一个图标集包含任意数量的字形，图标可以代表不同的状态。

Semantic-UI 图标集状态类：

• Status-icon-class-name：该类用于在标签内包含图标。请参阅参考链接以查看类名列表。

句法：

 
 ...

以下示例说明了 Semantic-UI 图标集状态：

示例 1：

HTML

  

    

  

  
    
GeeksForGeeks
    
Semantic UI Icon  Set Status  
  
     ban icon


    
       battery empty icon
    


  
     
       battery full icon
    


  
     
       bell outline icon
    
  

  

输出：

示例 2：

HTML

  

    
    

  

    
      
GeeksforGeeks
      
Semantic UI Icon Set Status
     
       
         calendar icon
      


  
      
         calendar check icon
      


  
      
         cart arrow down icon
      


  
       
         exclamation icon
      
    

  

输出：

参考： https ://semantic-ui.com/elements/icon.html#status