Package Exports

bat-draft-js-mention-plugin

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (bat-draft-js-mention-plugin) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

DraftJS Mention Plugin

This is a plugin for the draft-js-plugins-editor.

This plugin allows you to add mentions to your editor!

Usage:

import createMentionPlugin from 'draft-js-mention-plugin';

const mentionPlugin = createMentionPlugin({ mentions });

Importing the default styles

The plugin ships with a default styling available at this location in the installed package: node_modules/draft-js-mention-plugin/lib/plugin.css.

Webpack Usage

Follow the steps below to import the css file by using Webpack's style-loader and css-loader.

Install Webpack loaders: npm install style-loader css-loader --save-dev
Add the below section to Webpack config (if your Webpack already has loaders array, simply add the below loader object({test:foo, loaders:bar[]}) as an item in the array).
```
module: {
  loaders: [{
    test: /\.css$/,
    loaders: [
      'style-loader', 'css'
    ]
  }]
}
```
Add the below import line to your component to tell Webpack to inject style to your component.
```
import 'draft-js-mention-plugin/lib/plugin.css';
```
Restart Webpack.