> ## 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.

# SkuCustomizations

> Renderiza os campos de customização do SKU selecionado (texto livre, seleção, upload de imagem, etc.) e calcula o custo adicional.

Exibe os campos de personalização disponíveis para o SKU selecionado, como gravação de texto, seleção de estampa ou upload de imagem. Calcula automaticamente o custo adicional das customizações selecionadas e emite os valores ao componente pai.

## Uso

```vue theme={"system"}
<SkuCustomizations :sku="selectedSku" @change="handleCustomizationChange" />
```

## Propriedades

| Propriedade |   Tipo   | Obrigatória | Descrição                                                                 |
| :---------- | :------: | :---------: | :------------------------------------------------------------------------ |
| `sku`       | `Object` |      ✅      | Objeto do SKU selecionado contendo os dados de customizações disponíveis. |

## Eventos

| Evento   | Payload  | Descrição                                                          |
| :------- | :------- | :----------------------------------------------------------------- |
| `change` | `Object` | Emitido com os valores preenchidos pelo usuário nas customizações. |

## Comportamentos automáticos

* O custo adicional das customizações é somado e exibido automaticamente.
* Os campos são reconstruídos ao trocar de SKU.