Menu
bangle.dev Logobangle.dev Logobangle.devDocsCommunity
GitHub
🌜
🌞
bangle.dev Logobangle.dev Logobangle.dev
  • Docs
  • Community
  • GitHub
  • Introduction
    • Hello ☺️
    • Getting Started
  • Examples
    • Markdown
    • Lists & TodoLists
    • Images
    • Exporting Data
    • Placeholder
    • Text Formatting
    • Collapsible Headings
  • React Examples
    • Basic Editor in React
    • Floating Menu
    • Static Menu
    • Emoji Suggestions🤔
  • Guides
    • Your first Bangle Editor
    • Custom Rendering
    • Commands and Interactivty
    • Keybindings
    • How do I?
  • API
    • @bangle.dev/core
    • @bangle.dev/react
    • @bangle.dev/react-emoji-suggest
    • @bangle.dev/react-menu
    • @bangle.dev/text-formatting
    • (wip) @bangle.dev/collab
    • (wip) @bangle.dev/emoji
    • (wip) @bangle.dev/markdown
    • (wip) @bangle.dev/markdown-front-matter
    • (wip) @bangle.dev/tooltip

Todo Lists#

In this example we use the TodoList component to allow creation of todo lists.

  • Example
  • Source code
loading...

Try some of the following:

  • On a new line, type [ ] followed by a space to create a todo List.
  • Press Cmd-Enter (mac) or Ctrl-Enter (PC) to mark as task done.
  • Ctrl-Shift-7 also creates a todo list.
  • Drag the todo square to move reorder things by priority.

Ordered and Unordered Lists#

  • Example
  • Source code
loading...

See API docs:

  • @bangle.dev/core
Edit this page
Previous
« Markdown
Next
Images »
  • Todo Lists
  • Ordered and Unordered Lists

Docs

  • Getting Started
  • API
  • Examples

Community

  • Discord
  • Twitter
  • GitHub
Copyright © 2021 Bangle.dev, Inc. Built with Docusaurus.