> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yampi.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# SideCart

> Carrinho em formato de drawer lateral deslizante com itens, resumo de preços e botão de checkout.

Exibe o carrinho como um painel que desliza da lateral direita da tela. Mostra os produtos adicionados, subtotal, descontos por método de pagamento e o botão de finalizar compra. Usado quando `cartType="side_cart"` no `MiniCart`.

## Uso

Recomenda-se usar via `MiniCart` com `cart-type="side_cart"`. Para uso direto:

```twig theme={"system"}
<side-cart
  empty-cart-text-button="Ver produtos"
  empty-cart-link-button="/produtos"
  highlighted-price="pix"
/>
```

## Propriedades

| Propriedade           |   Tipo   | Obrigatória |                Valor padrão                | Descrição                                                                        |
| :-------------------- | :------: | :---------: | :----------------------------------------: | :------------------------------------------------------------------------------- |
| `emptyCartTextButton` | `String` |      ✅      |                      —                     | Texto do botão exibido quando o carrinho está vazio.                             |
| `emptyCartHelperText` | `String` |      ❌      | `'Navegue pela loja e adicione produtos.'` | Texto auxiliar exibido abaixo do ícone de carrinho vazio.                        |
| `emptyCartLinkButton` | `String` |      ❌      |                    `'/'`                   | URL do botão no estado de carrinho vazio.                                        |
| `highlightedPrice`    | `String` |      ❌      |                    `''`                    | Destaca o preço de um método de pagamento. Valores: `'pix'`, `'billet'` ou `''`. |

## Comportamentos automáticos

* Abre ao adicionar um produto ao carrinho ou ao clicar no ícone do carrinho no header.
* Bloqueia o scroll da página quando aberto.
* Fecha ao clicar no backdrop ou no botão de fechar.
