Basic usage

import { MentionInput, type MentionData } from "mentis";
import "mentis/dist/index.css";

function App() {
  const [value, setValue] = useState<string>("");

  const handleChange = (newValue: MentionData) => {
    setValue(newValue.value);
  };

  return (
    <MentionInput
      options={[
        { label: "Alice", value: "alice" },
        { label: "Bob", value: "bob" },
        { label: "Charlie", value: "charlie" },
      ]}
      value={value}
      onChange={handleChange}
    />
  );
}