Typography

Whitespace

Utilities for sets the whitespace of an element.

Class

Usage

Set text paragraph whitespace to normal.

<!-- Example -->
<y class="whitespace-normal ...">
  ...
</y>

Set scrollable text paragraph whitespace to no-wrap.

<!-- Example -->
<y class="whitespace-no-wrap ... overflow-x-scroll">
  ...
</y>

Set text paragraph preserved new line whitespaces.

  Omnis quidem itaque beatae,
  rem tenetur quia iure,

reprehenderit saepe quam aliquid odio accusamus.

<!-- Example -->
<y class="whitespace-pre ...">
  ...
</y>

Set text paragraph without preserved new line whitespaces.

reprehenderit saepe quam aliquid odio accusamus.

<!-- Example -->
<y class="whitespace-pre-line ...">
  ...
</y>

Variant