/draft-js-checkable-list-plugin

Checkable list plugin for Draft.js

Primary LanguageJavaScript

draft-js-checkable-list-plugin

CircleCI Coverage Status

npm version License

Checkable list item plugin for the draft-js-plugins-editor .

yarn add draft-js-checkable-list-plugin

Live demo

Usage

Example

import React, { Component } from 'react'
import { EditorState } from 'draft-js'
import Editor from 'draft-js-plugins-editor'
import createCheckableListPlugin from 'draft-js-checkable-list-plugin'
import 'draft-js-checkable-list-plugin/lib/plugin.css'

const checkableListPlugin = createCheckableListPlugin()
const plugins = [checkableListPlugin]

class App extends Component {
  state = { editorState: EditorState.createEmpty() }

  onChange = editorState => this.setState({ editorState })

  render() {
    return (
      <div>
        <Editor
          editorState={this.state.editorState}
          plugins={plugins}
          onChange={this.onChange}
        />
      </div>
    )
  }
}

License

MIT

© sugarshin