Markdown formatting buttons for text inputs.


15322.0.0a month ago3 years agoMinified + gzip package size for @github/markdown-toolbar-element in KB


<markdown-toolbar> element

Markdown formatting buttons for text inputs.


$ npm install --save @github/markdown-toolbar-element


import '@github/markdown-toolbar-element'
<markdown-toolbar for="textarea_id">
  <button data-md-button>Custom button</button>
<textarea id="textarea_id"></textarea>

<markdown-toolbar> comes with focus management as advised in WAI-ARIA Authoring Practices 1.1: Toolbar Design Pattern. The md-* buttons that ship with this package are automatically managed. Add a data-md-button attribute to any custom toolbar items to enroll them into focus management.

Browser support

Browsers without native custom element support require a polyfill.

  • Chrome
  • Firefox
  • Safari
  • Microsoft Edge


npm install
npm test


Distributed under the MIT license. See LICENSE for details.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.