Blaze UI 按钮活动状态

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

按钮帮助我们启动操作，例如提交表单、导航到另一个链接等。Blaze UI 中有多种类型的按钮，例如基本按钮、幽灵按钮、圆形按钮、活动状态按钮、全角按钮、还有很多。在本文中，我们将讨论 Blaze UI 中的活动状态按钮。

按钮的活动状态显示该按钮已通过较暗的背景颜色被按下。要在 Blaze UI 中创建活动状态按钮，我们使用.c-button–active类和.c-button类。这些类可以应用于 元素以及 元素。

Blaze UI Button Active State 使用的类：

• .c-button–active：该类使按钮的背景颜色变暗以显示活动状态。

句法：

...

示例 1：此示例演示 Blaze UI 中的基本活动状态按钮。

HTML

  

  
  

  

  
    
GeeksforGeeks
    Blaze UI Active State Button
    

    
      
        Button
      
      
        Button active
      
    
  

  

---

输出：

Blaze UI 按钮活动状态

示例 2：此示例演示 Blaze UI 中活动状态按钮的全彩色变体。

HTML

  

    

  

    
        
GeeksforGeeks
        Blaze UI Active State Button
        

        
            Button
            
                Button active
            
        
        


        
            Button
            
                Button active
            
        
        


        
            Button
            
                Button active
            
        
        


        
            Button
            
                Button active
            
        
        


        
            Button
            
                Button active
            
        
    

  

输出：

Blaze UI 按钮活动状态

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