Blaze UI Input Group Stacked

Blaze UI is a free open source UI Toolkit that provides a great structure for building websites quickly with a scalable and maintainable foundation. All components in Blaze UI are developed mobile-first and rely solely on native browser features, not a separate library or framework. It helps us to create a scalable and responsive website fast and efficiently with a consistent style.

In this article, we will be seeing Blaze UI Input Group Stacked. To make all the input elements stack over one another the c-input-group--stacked class is used on the input group container.

Blaze UI Input Group Stacked Classes:

• c-input-group--stacked: This class is used on the input group container to stack all the input elements in it over one another.

Syntax:

<div class="c-input-group c-input-group--stacked">
 ...
</div>

Example1: The below example shows how to use c-input-group--stacked to stack input elements.

Output:

Example 2: This example shows different input elements stacked over one another.

Output:

Reference: https://www.blazeui.com/components/inputs/