FTxQMenu

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

Props

All standard Quasar QMenu props are supported.

modelValue - Controls menu visibility (v-model)

Events

update:modelValue - Emitted when visibility changes
show - Emitted when menu opens
hide - Emitted when menu closes
before-show - Emitted before menu opens

Usage

vue

<template>
  <q-btn label="Open Menu">
    <FTxQMenu v-model="showMenu">
      <q-list>
        <q-item clickable>
          <q-item-section>Item 1</q-item-section>
        </q-item>
      </q-list>
    </FTxQMenu>
  </q-btn>
</template>

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

const showMenu = ref(false);
</script>