📜  Blaze UI 输入组堆叠

📅  最后修改于: 2022-05-13 01:56:42.429000             🧑  作者: Mango

Blaze UI 输入组堆叠

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

在本文中,我们将看到Blaze UI Input Group Stacked 。为了使所有输入元素相互堆叠,在输入组容器上使用了c-input-group-stacked类。

Blaze UI 输入组堆叠类:

  • c-input-group-stacked:该类用于输入组容器,用于将其中的所有输入元素堆叠在一起。

句法:

...

示例 1:下面的示例显示了如何使用c-input-group–stacked来堆叠输入元素。

HTML



    
    
    
    Blaze UI - Input Group Stacked
    
  
    


    
        

GeeksforGeeks

        

Input Group Stacked - Blaze UI

    
    
        
            
                             
            
                             
            
                             
        
    


HTML



    
    
    
    Blaze UI - Input Group Stacked
    
    


    
        

GeeksforGeeks

        

Input Group Stacked - Blaze UI

    
    
        
            
                             
            
                             
            
                             
        
    


输出:

示例 2:此示例显示了不同的输入元素相互堆叠。

HTML




    
    
    
    Blaze UI - Input Group Stacked
    
    


    
        

GeeksforGeeks

        

Input Group Stacked - Blaze UI

    
    
        
            
                             
            
                             
            
                             
        
    

输出:

参考: https://www.blazeui.com/components/inputs