# Transbordamento

As classes de overflow são utilizadas para definir o comportamento de overflow (transbordamento) de conteúdo para um elemento. Elas oferecem opções para controlar o comportamento de overflow em várias direções.

### Uso Geral:

```html
<div class="overflow-y">
    <!-- Conteúdo aqui -->
</div>
```

### Opções Disponíveis:

- **`.overflow`**: 
    - Aplica **`overflow: auto !important;`** para habilitar barras de rolagem quando necessário.
- **`.overflow-hidden`**: 
    - Aplica **`overflow: hidden !important;`** para ocultar o conteúdo que ultrapassa os limites do elemento.
- **`.overflow-scroll`**: 
    - Aplica **`overflow: scroll !important;`** para exibir barras de rolagem, independentemente se o conteúdo ultrapassa os limites ou não.
- **`.overflow-visible`**: 
    - Aplica **`overflow: visible !important;`** para exibir todo o conteúdo, mesmo que ele ultrapasse os limites do elemento.

### Opções de Direção:

As classes também oferecem opções para controlar o comportamento de overflow em direções específicas: vertical e horizontal.

- **`.overflow-y`**: 
    - Aplica **`overflow-y: auto !important;`** para habilitar barras de rolagem vertical quando necessário.
- **`.overflow-y-hidden`**: 
    - Aplica **`overflow-y: hidden !important;`** para ocultar o conteúdo que ultrapassa os limites verticalmente.
- **`.overflow-y-scroll`**: 
    - Aplica **`overflow-y: scroll !important;`** para exibir barras de rolagem vertical, independentemente se o conteúdo ultrapassa os limites ou não.
- **`.overflow-y-visible`**: 
    - Aplica **`overflow-y: visible !important;`** para exibir todo o conteúdo verticalmente, mesmo que ele ultrapasse os limites do elemento.
- **`.overflow-x`**: 
    - Aplica **`overflow-x: auto !important;`** para habilitar barras de rolagem horizontal quando necessário.
- **`.overflow-x-hidden`**: 
    - Aplica **`overflow-x: hidden !important;`** para ocultar o conteúdo que ultrapassa os limites horizontalmente.
- **`.overflow-x-scroll`**: 
    - Aplica **`overflow-x: scroll !important;`** para exibir barras de rolagem horizontal, independentemente se o conteúdo ultrapassa os limites ou não.
- **`.overflow-x-visible`**: 
    - Aplica **`overflow-x: visible !important;`** para exibir todo o conteúdo horizontalmente, mesmo que ele ultrapasse os limites do elemento.