How to handle Overflow in Tailwind?

<div class="overflow-auto">Scroll if needed</div>
<div class="overflow-hidden">Clip overflow</div>
<div class="overflow-scroll">Always show scrollbar</div>
<div class="overflow-visible">Show overflow</div>

<div class="overflow-x-auto overflow-y-hidden">
  Horizontal scroll only
</div>

<div class="scroll-smooth">Smooth scrolling</div>
<div class="overscroll-contain">Contain scroll chaining</div>

<p class="truncate">Ellipsis on overflow...</p>
<p class="text-ellipsis overflow-hidden">Same as truncate</p>
<p class="text-clip overflow-hidden">Clips without ellipsis</p>

<div class="scrollbar-thin scrollbar-thumb-gray-400">
  Custom scrollbar (with plugin)
</div>