Markdown textarea

Overview

Link to section

Use this component pattern to identify where Markdown formatting is supported.

This pattern is designed to ensure support for Markdown is indicated in a consistent way, to increase recognition by users.

Uses

Link to section

Use this pattern when:

Markdown is supported for text formatting

Variants

Link to section

Basic

Live
Added in version 0.6.0
Last updated in version 0.8.0
Link to section

Use the Markdown icon linked to the CommonMark syntax help inside a Help text component.

Markdown textarea

You can use Markdown to format your message.

<fieldset>
  <div class="bsk-form-group">
      <label for="content">Markdown textarea</label>
      <textarea id="content" class="p-2 outline-1 w-full" name="content" rows="8"></textarea>
  </div>
  <div class="bsk-text-muted">
      <i class="fab fa-markdown"></i>
      You can use <a href="https://commonmark.org/help/">Markdown</a> to format your message.
  </div>
</fieldset>