JavaScriptExpert
diff --git a/‎packages/editor/src/plugins/toolbar/Toolbar.js‎
Lines changed: 7 additions & 0 deletions b/‎packages/editor/src/plugins/toolbar/Toolbar.js‎
Lines changed: 7 additions & 0 deletions
diff --git a/‎packages/editor/src/plugins/toolbar/index.js‎
Lines changed: 15 additions & 0 deletions b/‎packages/editor/src/plugins/toolbar/index.js‎
Lines changed: 15 additions & 0 deletions
@@ -9,6 +9,7 @@ import LinkIcon from '@material-ui/icons/InsertLink'
 import ImageIcon from '@material-ui/icons/InsertPhoto'
 import QuoteIcon from '@material-ui/icons/FormatQuote'
 import CodeIcon from '@material-ui/icons/Code'
+import ListIcon from '@material-ui/icons/List'
 // import ListIcon from '@material-ui/icons/FormatListBulleted'
 // import StrikethroughIcon from '@material-ui/icons/StrikethroughS'
 // import HeadingIcon from '@material-ui/icons/Title'
@@ -145,6 +146,12 @@ const buttons = [
     isActive: isActive('image')
   },
   { separator: true },
+  {
+    title: 'Insert Bulleted List',
+    Icon: ListIcon,
+    command: 'toggleBulletedList',
+    isActive: isActive('list-item')
+  },
   {
     title: 'Insert JSX Block',
     Icon: JSX,
 
@@ -20,6 +20,20 @@ const hasBlock = (editor, type) => {
   return editor.value.blocks.some(node => node.type === type)
 }
 
+const toggleBulletedList = editor => {
+  const {
+    value: { startBlock, document }
+  } = editor
+  const parent = document.getParent(startBlock.key)
+
+  const isList =
+    parent && (parent.type === 'list-item-child' || parent.type === 'list-item')
+
+  return isList
+    ? editor.unwrapList()
+    : editor.wrapList({ type: 'bulleted-list' })
+}
+
 const toggleBlock = (editor, type) => {
   if (editor.hasBlock(type)) {
     editor.setBlocks(DEFAULT_BLOCK)
@@ -69,6 +83,7 @@ export default (opts = {}) => ({
     toggleBlockQuote,
     toggleHeadingOne,
     toggleHeadingTwo,
+    toggleBulletedList,
     toggleJSX,
     togglePre
   },