Blaze UI 输入组按钮

Blaze UI是一个免费的开源 UI 工具包，它为快速构建网站提供了一个很好的结构，具有可扩展和可维护的基础。 Blaze UI 中的所有组件都是移动优先开发的，并且仅依赖于原生浏览器功能，而不是单独的库或框架。它帮助我们以一致的风格快速高效地创建可扩展且响应迅速的网站。

Blaze UI 按钮组提供分类按钮组，允许沿同一行水平对按钮进行分组。要创建 Blaze UI 按钮组，我们在 包装元素上使用 .c-input-group 类。这会将按钮连接在一起并消除它们之间的间距。我们还可以通过使用包装器 元素上的 .c-input-group–rounded 类在 blaze UI 中创建一个药丸形圆角按钮组。

Blaze UI 按钮组类：

• .c-input-group：此类将嵌套按钮转换为按钮组，它们之间没有间距。

句法：

示例 1：此示例演示 Blaze UI 中的基本按钮组。

HTML

    
    
    
    

  

    
        
GeeksforGeeks
        Blaze UI Button Groups
        

        
            
                Button 1
            
            
                Button 2
            
            
                Button 3
            
            
                Button 4
            
            
                Button 5
            
        
    

输出：

输出

示例 2：此示例演示 Blaze UI 中的药丸形按钮组。

HTML

    
    
    
    

  

    
        
GeeksforGeeks
        Blaze UI Button Groups
        

        
            
                Button 1
            
            
                Button 2
            
            
                Button 3
            
            
                Button 4
                /button>
            
                Button 5
            
        
    

输出：

输出

参考： https://www.blazeui.com/components/buttons/