Module height

Module height 

Source
Expand description

Utilities for setting the height of an element.

Class Properties
h-<float>height: <float / 4>rem;
h-<integer>/<integer>height: (<integer>/<integer>)%;
h-pxheight: 1px;
h-fullheight: 100%;
h-autoheight: auto;
h-screenheight: 100vh;
h-minheight: min-content;
h-maxheight: max-content;
h-fitheight: fit-content;
h-svhheight: 100svh;
h-lvhheight: 100lvh;
h-dvhheight: 100dvh;

§Tailwind compatibility

Height values don’t follow Tailwind’s philosophy of limiting possible values and all spacing values are supported. They are however perfectly compatible with Tailwind’s values.

§Arbitrary values

Any <length> or <percentage> property is allowed as arbitrary value. For example, h-[3em].

Tailwind reference