aeria-search

Example

<script setup lang="ts">
const panel = ref(false)
const users = ref([])
</script>

<template>
  <aeria-search
    v-model="users"
    v-model:panel="panel"
    select-only
    property-name="users"
    :property="{
      type: 'array',
      items: {
        $ref: 'user',
        indexes: [
          'full_name'
        ]
      }
    }"
  ></aeria-search>
</template>

Props

• modelValue any: The model value of this component will be an object matching the properties passed in the form prop.
• panel boolean?: When select-only attribute is set, this property controls the state of the select panel. This property must be used with v-model.
• property RefProperty | ArrayOfRefs: A property that is either a RefProperty or an ArrayProperty whose items is RefProperty.
• propertyName string: The name of the property that is being searched.
• selectOnly boolean?: By default, a div with the selected items is placed by this component. When this attribute is set, this div will be omitted and only the select panel will be used.