react-slate-mentions v0.1.2

React Slate Mentions

React component for enabling hashtags and mentions while editing. This is enabled while using either # or @ preceeding the text to be inserted.

Getting started

Install the react-slate-mentions using the command below:

npm install react-slate-mentions

Usage

Import the component to be used using the following:

import { MentionEditor } from 'react-slate-mentions'

Optionally, you can also import the base css styles.

import 'react-slate-mentions/dis/style.css'

Integrate the component into your project using the example below

<MentionEditor
  editorClassname={...}
  editorId={...}
  placeholder={...}
  hashTagEnabled
  menuItems={...}
  collectedItems={...}
  isProcessing={...}
  handleSearch={...}
  searchContainerClassName={...}
  searchMenuItemClassName={...}
  elementClassName={...}
  handleItemsCollected={...}
  handleOnChange={...}
  initialValue={...}
  allowUniqueHashTags={...}
  allowUniqueMentions={...}
  loadingComponent={...}
  isReadOnly={...}
/>

Component Props

The following are the available props for the component and their defaults