---

title: SnippetConfigExtraParams

---

# SnippetConfigExtraParams

## Props

| Name                             | Description | Type                                    | Default                                                                                                                                                                                                           |
| -------------------------------- | ----------- | --------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <code>values</code>              |             | <code>Dictionary<unknown></code>        | <code></code>                                                                                                                                                                                                     |
| <code>excludedExtraParams</code> |             | <code>Array<keyof SnippetConfig></code> | <code>(): Array<keyof SnippetConfig> => [<br /> 'callbacks',<br /> 'productId',<br /> 'uiLang',<br /> 'consent',<br /> 'documentDirection',<br /> 'filters',<br /> 'isSpa',<br /> 'queriesPreview',<br />]</code> |

## See it in action

_See how the snippet config is injected and passed to the SnippetConfigExtraParams component._

```vue
<template>
  <Provider>
    <SnippetConfigExtraParams />
  </Provider>
</template>

<script setup>
import { SnippetConfigExtraParams } from "@empathyco/x-components/extra-params";
import { defineComponent, provide } from "vue";

const Provider = defineComponent({
  setup(_, { slots }) {
    provide("snippetConfig", {
      instance: "demo",
      lang: "es",
      warehouse: 1234,
    });
    return () => slots.default?.();
  },
});
</script>
```