FTxQSelect

A wrapper around Quasar's QSelect with scroll hide functionality.

Props

All standard Quasar QSelect props are supported.

Events

• popup-show - Emitted when popup opens
• popup-hide - Emitted when popup closes

Usage

<template>
  <FTxQSelect
    v-model="selected"
    :options="options"
    label="Select"
  />
</template>

<script setup>
import { ref } from 'vue';
import { FTxQSelect } from '@ftx/ui';

const selected = ref(null);
const options = ['Option 1', 'Option 2', 'Option 3'];
</script>

Features

• Automatically hides when scrolling occurs
• All Quasar QSelect features supported