@empathyco/x-components
Version:
Empathy X Components
43 lines (31 loc) • 1.08 kB
Markdown
---
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>
```