RPF Design System for Rails
x
1
2
3
4
5
6
7
<div class="rpf-markdown">
  <p>These are two links we have:</p>
  <ul>
    <li>GitHub link is here: <a href="https://www.github.com">GitHub</a></li>
    <li>Ruby link is here: <a href="https://www.ruby-lang.org">Ruby</a></li>
  </ul>
</div>
1
render DesignSystem::MarkdownComponent.new(text:)

Markdown Component

A markdown component, rendering given text using Markdown.

e.g.

DEFAULT_MARKDOWN = <<~MARKDOWN
  These are two links we have:
  - GitHub link is here: [GitHub](https://www.github.com)
  - Ruby link is here: [Ruby](https://www.ruby-lang.org)
MARKDOWN
DesignSystem::MarkdownComponent.new(text: DEFAULT_MARKDOWN)

Produces a markdown component, rendering given text using Markdown.

NB Markdown will only show if text is given

produces:

<div class="rpf-markdown">
  <p>These are two links we have:</p>
  <ul>
    <li>GitHub link is here: <a href="https://www.github.com">GitHub</a>
    </li>
    <li>Ruby link is here: <a href="https://www.ruby-lang.org">Ruby</a>
    </li>
  </ul>
</div>
Param Description Input

—