Overflow Tailwind: Class Scroll dan Hidden — Tailwind CSS

Class overflow di Tailwind mengatur konten yang melebihi kotaknya: overflow-auto, hidden, dan scroll, plus varian per sumbu dan scroll-smooth.

Overflow: overflow-auto, overflow-hidden, overflow-visible, overflow-scroll

Scroll behavior: scroll-smooth, scroll-auto

Overscroll: overscroll-none, overscroll-contain

Scroll snap:

<div class="snap-x snap-mandatory overflow-x-auto flex gap-4">
  <div class="snap-center w-64 shrink-0">Slide 1</div>
  <div class="snap-center w-64 shrink-0">Slide 2</div>
  <div class="snap-center w-64 shrink-0">Slide 3</div>
</div>

Truncate teks:

<p class="truncate">Teks sangat panjang yang terpotong...</p>
<p class="line-clamp-2">Teks yang dibatasi 2 baris</p>

Yang akan kamu pelajari