Skip to main content

Markdown textarea

Overview

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

Use this pattern when:

  • Markdown is supported for text formatting

Variants

Basic

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

You can use Markdown to format your message.
<fieldset>
    <div class="bsk-form-group">
        <label for="content">Markdown textarea</label>
        <textarea id="content" class="bsk-form-control" name="content" rows="8"></textarea>
    </div>
    <div class="bsk-help-block 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>

Open full example