Custom MentionCombobox

[enzostvs]

Hi everyone,

I have a question about Mention plugin and the MentionCombobox.
Is it possible to replace this component by my own component ?
Do you have any example ?

My current code

 <Plate
     id="mention"
     initialValue={initialValue}
     editableProps={editableProps}
     plugins={plugins}
     onChange={(newValue) => setValue(newValue)}
>
        <MentionCombobox onRenderItem={({ item }) => <ChannelItem item={item} />} items={channels} pluginKey="#" />
        <MentionCombobox onRenderItem={({ item }) => <RoleItem item={item} />} items={roles} pluginKey="@" />
        {/* <Channels channels={channels} pluginKey="#" /> */}
</Plate>

I want use my components instead of MentionComboBox but i don't find any example with all props etc.
Many thanks guys 🙏

[zbeyens]

onRenderItem is the correct prop to use

[enzostvs]

Yes ok thanks.
Something else, MentionCombobox inherited automatically props from Combobox ?
Because when i tried to add classNames props, got an error
But without classNames, i can't customize the container unfortunately

[enzostvs]

Like this for example, but with Combobox it's work perfectly

[zbeyens]

There is indeed an issue with the props styles and classNames, also for the types

plate/packages/ui/combobox/src/Combobox.tsx

Line 28 in c24e0a2

props: Pick<ComboboxProps<TData>, 'component' | 'items' | 'onRenderItem'>

Creating an issue for this.

[enzostvs]

Ok, thanks @zbeyens !

[zbeyens]

You can now own the component from v22 #2472