Vizel API / svelte/src / createVizelMentionMenuRenderer

Function: createVizelMentionMenuRenderer()

function createVizelMentionMenuRenderer(options?): Partial<SuggestionOptions<VizelMentionItem>>;

Defined in: packages/svelte/src/runes/createVizelMentionMenuRenderer.svelte.ts:38

Creates a suggestion render configuration for the Mention extension. This handles the popup positioning and Svelte component lifecycle.

The menu component is mounted once per suggestion session. Subsequent onUpdate calls mutate the reactive props in place so the menu rerenders without losing internal state like the selected index.

Parameters

Parameter	Type
options	VizelSuggestionRendererOptions

Returns

Partial<SuggestionOptions<VizelMentionItem>>

Example

import { createVizelMentionMenuRenderer } from '@vizel/svelte';

const editor = createVizelEditor({
  features: {
    interaction: {
      mention: {
        items: async (query) => fetchUsers(query),
        suggestion: createVizelMentionMenuRenderer(),
      },
    },
  },
});