Semantic-UI 按钮标签图标类型

语义用户界面 是一个开源开发框架，它提供预定义的类，使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。在本文中，让我们看看标记图标类型的按钮。

语义 UI 为各种类提供了自定义按钮。在本文中，我们将看到标记图标类型的按钮。当我们要使用标签图标类型的按钮时，应该提到标签图标类。带标签的图标按钮伴随着标签。

标记为图标类型类的语义 UI 按钮：

• 标签：该类用于制作带标签的按钮。
• icon：该类用于设置按钮的图标。

句法：

    ...

示例 1：以下示例演示了带有标签图标类型的按钮。

HTML

  

    

  

    
        

            Geeksforgeeks
        
        
            Semantic UI Button Types Label
        
        


          
        

            
            Previous
        
        

            
            Next
        
    

  

输出：

Semantic-UI 按钮标签图标类型

示例 2：以下示例演示了带有标签图标类型的按钮。

HTML

  

    

  

    
        
Geeksforgeeks
        Semantic UI Button Types Label
        


          
        

            
                100
            
            

                
                Like
            
        
        

            
                2
            
            

                
                Dislike
            
        
        

            
                5
            
            

                
                Shares
            
        
    

  

输出：

Semantic-UI 按钮标签图标类型

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