Example of Template in React Mention Component


This sample demonstrates the template functionalities of the Mention component. Type the @ character in the editable element and select or tag the user from the customized suggestion list.

More Details...


In the above sample, for the template rendering the following are used

  • itemTemplate - It is used for displaying customized lists.
  • displayTemplate - It is used to display, how the the value selected is previewed in the element.
  • noRecordsTemplate - It is used to display a message if a user searches for irrelevant data in the data source bound.