search

signavio / react-mentions

@mention people in a textarea
https://react-mentions.vercel.app
Other
2.47k stars 573 forks source link

How can I add a image to suggested mention? #651

Open Cszart opened 1 year ago

Cszart commented 1 year ago

Component display a menu with the options, but I'm only able to display text as options. Is there way to display a picture as well? like twitter mentions?

Musadiqkhan-nullbrainer commented 1 year ago

@Groommers - DO you want to display images in suggestion dropdown?

Cszart commented 1 year ago

Yes! i wanted to add a image next to the name of the dropdown. I already switched to Draftjs mentions plugin

hdk1705 commented 1 year ago

<Mention className='mentions__mention' trigger="@" displayTransform={(id, name) => @${name}} data={sessionUsers} onAdd={onAddMentions}

            renderSuggestion={(suggestion: any, _, __, index) => <RenderSuggestions suggestion={suggestion} />}
          />