react-mentions-input-latest v0.0.7

Package Name: react-mentions-input-latest

Description: Create custom chat-like input boxes in React with the ability to mention or tag users, resembling Google Chat features.

Installation:

npm i react-mentions-input-latest

Usage Example

import MentionsInput from "react-mentions-input-latest";

// Usage in your component
<MentionsInput data={UsersList} trigger="@" />;

UsersList Structure:

const UsersList = [
  {
    id: 235075,
    name: "Your Name",
    userAvatar: "https://cdn.example.com/avatar.jpg",
  },
  // Add more users as needed
];

Note: Customize the trigger property to set the symbol for mentioning users (e.g., "@" or "#").