CommandMenuItem

The CommandMenuItem component is a specialized menu item for use within the CommandMenu component.

Usage

Copy<script setup lang="ts">
import { CommandMenuItem } from '@/components/CommandMenuItem'
</script>

<template>
  <CommandMenuItem
    value="Search Item"
    :keywords="['search', 'find']"
    @select="handleSelect"
    @highlight="handleHighlight"
  >
    Search Item
  </CommandMenuItem>
</template>

Features

Visibility Filtering

Automatically shows/hides based on search query:

• Matches against value prop
• Also matches against keywords array
• Case-insensitive matching

Highlight Detection

Emits highlight event when item is highlighted (hovered or keyboard navigated).

API Reference

CommandMenuItem

Events

Integration

This component is typically used within CommandMenu and works with the command menu's filter state.