Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Reference for Nuxt UI v4 (125+ components built on Reka UI + Tailwind CSS v4) including forms, overlays, and theming.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
components/editor-mention-menu.md
1# EditorMentionMenu23A mention menu that displays user suggestions when typing the @ character in the editor.45## Key Props67- `items`: as an array of objects with the following properties:89- `label: string`{lang="ts-type"}10- `avatar?: AvatarProps`{lang="ts-type"}11- `icon?: string`{lang="ts-type"}12- `description?: string`{lang="ts-type"}13- `disabled?: boolean`{lang="ts-type"}1415## ::component-example1617elevated: true18collapse: true19name: 'editor-mention-menu-items-example'20class: 'p-8'2122---2324::2526::note27You can also pass an array of arrays to the `items` prop to create separated groups of items.2829- `char`: to change the trigger character.30- `options`: to customize the positioning behavior using [Floating UI options](https://floating-ui.3132## Usage3334```vue35<UEditorMentionMenu36<!-- props here -->37/>38```39