カスタムドキュメントでのコールアウト

プラットフォーム内のカスタムドキュメントでは、HTMLを使用してコールアウトを作成できます。情報を表示するために、灰色、緑色、黄色、赤色の4種類のコールアウトが利用可能です。コールアウト内の <div> と </div> の間ではMarkdown形式は使用できません。たとえば、コールアウト内のテキストを太字にするには、Markdown形式の **This is bold text.** ではなく、HTML構文の <strong>This is bold text.</strong> を使用する必要があります。

灰色のノートコールアウト

これはデフォルトのコールアウトスタイルです。

<div class="pt-callout">
    <h5 class="pt-callout-title">Note</h5>
    Insert text here and it will be a gray note callout.
    <!-- ここにテキストを挿入すると、灰色のノートとして表示されます。-->
</div>

緑色の成功コールアウト

このコールアウトは、読者にヒント、推奨事項、およびその他のポジティブな情報を提供するために使用されます。

<div class="pt-callout pt-intent-success">
    <h5 class="pt-callout-title">Success</h5>
    <!-- ここにテキストを挿入すると、緑色の成功通知が表示されます。 -->
    Insert text here and it will be a green success callout.
</div>

黄色の警告コールアウト

このコールアウトは、ワークフローに影響を与える可能性のある重要な情報に読者の注意を引くために使用されます。

<div class="pt-callout pt-intent-warning">
    <h5 class="pt-callout-title">Warning</h5>
    Insert text here and it will be a yellow warning callout.
    <!-- ここにテキストを挿入すると、黄色の警告コールアウトになります。 -->
</div>

赤の危険コールアウト

このコールアウトは、データ損失やワークフローの失敗などの取り消し不可能なアクションや重大な動作を示すために使用されます。

<div class="pt-callout pt-intent-danger">
    <h5 class="pt-callout-title">Danger</h5>
    <!-- ここにテキストを挿入すると、赤色の警告コールアウトになります -->
    Insert text here and it will be a red danger callout.
</div>