<1 min read
RenderlessExtraParam
RenderlessExtraParam
It emits a ExtraParamsXEvents.UserChangedExtraParams when the updateValue
is called.
Props
| Name | Description | Type | Default |
|---|---|---|---|
name | string | |
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
<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>