---

title: RenderlessExtraParam

---

# RenderlessExtraParam

It emits a ExtraParamsXEvents.UserChangedExtraParams when the `updateValue`
is called.

## Props

| Name              | Description | Type                | Default       |
| ----------------- | ----------- | ------------------- | ------------- |
| <code>name</code> |             | <code>string</code> | <code></code> |

## Examples

Renders default slot content. It binds to the default slot the name of the extra parameter and the
default value of it.

### Basic usage

```vue
<template>
  <RenderlessExtraParam v-slot="{ value, updateValue }" name="store">
    <BaseDropdown
      @update:modelValue="updateValue"
      :modelValue="value"
      :items="items"
    />
  </RenderlessExtraParam>
</template>

<script setup>
import RenderlessExtraParam from "@empathyco/x-components/js/x-modules/extra-params/components/renderless-extra-param.vue";
import BaseDropdown from "@empathyco/x-components/js/components/base-dropdown.vue";
import { ref } from "vue";
const items = ref(["spain", "portugal"]);
</script>
```