---

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 #default="{ value, updateValue }" name="store">
    <BaseDropdown @update:modelValue="updateValue" :modelValue="value" :items="items" />
  </RenderlessExtraParam>
</template>

<script>
  import { RenderlessExtraParams } from '@empathyco/x-components/extra-params';
  import { BaseDropdown } from '@empathyco/x-components';

  export default {
    name: 'RenderlessExtraParamsDemo',
    components: {
      RenderlessExtraParams,
      BaseDropdown
    },
    props: ['name'],
    data() {
      return {
        items: ['spain', 'portugal']
      };
    }
  };
</script>
```