Skip to main content

Markdown textarea


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.


Use this pattern when:

  • Markdown is supported for text formatting



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

You can use Markdown to format your message.
    <div class="bsk-form-group">
        <label for="content">Markdown textarea</label>
        <textarea id="content" class="bsk-form-control" name="content" rows="8"></textarea>
    <div class="bsk-help-block bsk-text-muted">
        <i class="fab fa-markdown"></i>
        You can use <a href="">Markdown</a> to format your message.

Open full example