语义 UI 图标按钮组

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。 Semantic UI Button 提供了几种类型的微按钮组件，例如类型、组、内容、状态、变体和组变体。

在本文中，我们将了解图标按钮的变化。

语义 UI 图标按钮类：

• 图标按钮：此类用于包含图标按钮组。

句法：

 
   ....
   ....
 

注意：默认情况下，按钮组是水平的，要使其垂直，我们需要将“垂直”类添加到父 div。

示例 1：此示例说明了水平和水平图标按钮类。

HTML

  

      
    

  

    
        
GeeksforGeeks
        Semantic UI Icon button group

      

        Horizontal Icon Buttons:
        

          
            
          
          
            
          
          
            
          
        
        


      
    

输出：

语义 UI 图标按钮组

示例 2：此示例说明了水平和垂直图标按钮类。

HTML

  

      
    

  

    
        
GeeksforGeeks
        Semantic UI Icon button group

      

        Vertical Icon Button group:
        

          
            
          
          
            
          
          
            
          
        
      
    

输出：

语义 UI 图标按钮组

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