markdown-toolbar

back edit

This demo uses BtnGroup from Primer CSS.

<markdown-toolbar for="md">
  <div class="BtnGroup">
    <md-header class="BtnGroup-item btn">H3</md-header>
    <md-bold class="BtnGroup-item btn">Bold</md-bold>
    <md-italic class="BtnGroup-item btn">Italic</md-italic>
  </div>
  <div class="BtnGroup">
    <md-quote class="BtnGroup-item btn">Quote</md-quote>
    <md-code class="BtnGroup-item btn">Code</md-code>
    <md-link class="BtnGroup-item btn">Link</md-link>
  </div>
  <div class="BtnGroup">
    <md-unordered-list class="BtnGroup-item btn">Unordered list</md-unordered-list>
    <md-ordered-list class="BtnGroup-item btn">Ordered list</md-ordered-list>
    <md-task-list class="BtnGroup-item btn">Task list</md-task-list>
  </div>
  <div class="BtnGroup">
    <md-mention class="BtnGroup-item btn">@mention</md-mention>
    <md-ref class="BtnGroup-item btn">#ref</md-ref>
  </div>
</markdown-toolbar>
<textarea class="form-control width-full mt-2" id="md" rows="6">