マークダウン

このコンポーネントは、markedを使用してtextプロップをHTMLに変換します。これは、フォーマットする必要のある変数を含む部分ファイルなどで便利です。

foo
bar

import { Markdown } from "~/components";

<Markdown text="**foo** <br/> [bar](/style-guide/components/markdown/)" />

部分ファイルにおける変数の例

特別な方法でフォーマットする必要がある変数（例えば、URLである必要がある、順不同リストである、または他の何か）を持っている場合は、部分ファイル内でマークダウンコンポーネントで変数をラップできます。例えば：

<Markdown text={props.foo} />

変数を波括弧でラップし、text=を使用する必要があることに注意してください。そうしないと、機能しません。