Skip to main content
live This is a new website – your feedback will help us to improve it.

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