1# EditorSuggestionMenu
2 
3A command menu that displays formatting and action suggestions when typing the / character in the editor.
4 
5## Key Props
6 
7- `items`: as an array of objects with the following properties:
8 
9- [`kind?: "textAlign" | "heading" | "link" | "image" | "blockquote" | "bulletList" | "orderedList" | "codeBlock" | "horizontalRule" | "paragraph" | "clearFormatting" | "duplicate" | "delete" | "moveUp" | "moveDown" | "suggestion" | "mention" | "emoji"`{lang="ts-type"}](/docs/components/editor#handlers)
10- `label?: string`{lang="ts-type"}
11- `description?: string`{lang="ts-type"}
12- `icon?: string`{lang="ts-type"}
13- `type?: "label" | "separator"`{lang="ts-type"}
14- `disabled?: boolean`{lang="ts-type"}
15 
16## ::component-example
17 
18elevated: true
19collapse: true
20name: 'editor-suggestion-menu-items-example'
21class: 'p-8'
22 
23---
24 
25::
26 
27::note
28You can also pass an array of arrays to the `items` prop to create separated groups of items.
29 
30- `char`: to change the trigger character.
31- `options`: to customize the positioning behavior using [Floating UI options](https://floating-ui.
32 
33## Usage
34 
35```vue
36<UEditorSuggestionMenu
37  <!-- props here -->
38/>
39```
40