Skip to main content
Version: Next

Height

Control the height of an element. It will automatically generate height based on amount.

Fixed Height

Generate fixed with based on sytax used.

Example:

apply("h-125");

Output:

{
height: 125;
}

Responsive Height

Generate responsive height based on screen height resolution.

Example:

apply("h/50"); // 50% of screen height resolution

Output:

{
height: 157; // Output will depends on screen height resoultion
}

Percentage Height

Generate height based on parent height.

Example:

apply("h%50"); // 50% of parent height component

Output:

{
height: 157; // Output will depends on parent height component
}