Overflow Utility
# Intro
The overflow utility controls the overflow of an element.
All overflow utilities have responsive variants for each breakpoint. Use
--xs-{utility}, --sm-{utility}, --md-{utility}, --lg-{utility}, --xl-{utility}. | Class | Properties |
|---|---|
| --overflow-hidden | overflow: hidden; |
| --overflow-x-hidden | overflow: hidden; |
| --overflow-y-hidden | overflow: hidden; |
| --overflow-visible | overflow: visible; |
| --overflow-x-visible | overflow: visible; |
| --overflow-y-visible | overflow: visible; |
| --overflow-scroll | overflow: scroll; |
| --overflow-x-scroll | overflow: scroll; |
| --overflow-y-scroll | overflow: scroll; |
| --overflow-auto | overflow: auto; |
| --overflow-x-auto | overflow: auto; |
| --overflow-y-auto | overflow: auto; |