Overflow

Use overflow utilities to force the overflow behavior.

Utils are now deprecated!

Utils have been removed from the fluid-design-system library in v5.0.0.
If you want to keep using them, install the @engie-group/fluid-4-deprecated package and import them.

Overflow

Use overflow utilities to force the overflow behavior.

Enable overflow

Ambitioni dedisse scripsisse iudicaretur iudicium purus sit ametfermentum.

<p class="border overflow-auto">
Ambitioni dedisse scripsisse iudicaretur iudicium purus sit ametfermentum.
</p>
<p class="border overflow-scroll">
Ambitioni dedisse scripsisse iudicaretur iudicium purus sit ametfermentum.
</p>
<p class="border overflow-x-scroll">
Ambitioni dedisse scripsisse iudicaretur iudicium purus sit ametfermentum.
</p>
<p class="border overflow-y-scroll">
Ambitioni dedisse scripsisse iudicaretur iudicium purus sit ametfermentum.
</p>

Hide overflow

Ambitioni dedisse scripsisse iudicaretur iudicium purus sit ametfermentum.

<p class="border overflow-hidden">
Ambitioni dedisse scripsisse iudicaretur iudicium purus sit ametfermentum.
</p>
<p class="border overflow-x-hidden">
Ambitioni dedisse scripsisse iudicaretur iudicium purus sit ametfermentum.
</p>
<p class="border overflow-y-hidden">
Ambitioni dedisse scripsisse iudicaretur iudicium purus sit ametfermentum.
</p>