---

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>
import { SnippetConfigExtraParams } from '@empathyco/x-components/extra-params'

const Provider = {
  provide: {
    snippetConfig: {
      instance: 'demo',
      lang: 'es',
      warehouse: 1234,
    },
  },
}

export default {
  name: 'SnippetConfigExtraParamsDemo',
  components: {
    Provider,
    SnippetConfigExtraParams,
  },
}
</script>
```