Close
Angular React Web Components Blazor Angular

スタイル ガイド

色

Primary
Secondary 1
Secondary 2
Accent
Info
Success
Warning
Error

バッジ

NEW
UPDATED

太字、斜体、取り消し線

このテキストは太字です。
このテキストは_斜体_です。
このテキストは取り消し線です。

見出し

見出しテキスト h1
見出しテキスト h2
見出しテキスト h3
見出しテキスト h4
見出しテキスト h5
見出しテキスト h6

段落

デフォルトでは、Markdown は二重改行で段落を追加します。 単独の改行はそのまま同じ行にラップされます。 1 行を区切るソフトリターンを使用する場合は、行末に 2 つのスペースを追加します。

この行は末尾に段落区切りがあります (後に空行あり)。

この 2 行は、行末に二重スペースがないため、 1 行として表示されます。

次の行は末尾にソフト ブレークがあります (末尾に 2 つのスペース)
この行は直後の次の行に続きます。 この行は末尾に段落区切りがあります (後に空行あり)。

リンク

jp.infragistics.com

別のトピックへのリンク

内部リンク

ブロック引用

見出しは単独で改行されます
見出しはブロック要素であり自動的に改行されるため、 行継続文字は不要です。 テキスト行のみ、単一行の改行には二重スペースが必要です。

順序なしリスト

  • アイテム 1
  • アイテム 2
  • アイテム 3

順序付きリスト

  1. アイテム 1
    アイテム 1 は本当に重要です。
  2. アイテム 2
    アイテム 2 は別の意味で重要です。

インライン コード

x =1 to 10 のような構造化されたステートメントは、シングル バック ティックを使用してコード化できます (structures)。

コード ブロック

:host {
    ::ng-deep {
        // comment
        @include splitter($custom-splitter-theme);
    }
}

アラート

これはメモのテキストです。
2 行にわたっています。

1 行の注記です。

帽子をかぶることを忘れないでください!

テーブル

テスト テスト テスト テスト テスト

| 値 | テーブルメニューを使用して必要なサイズのテーブルを設定します。 | 値 | 値 | 値 | | 値 | テーブルメニューを使用して必要なサイズのテーブルを設定します。 | 値 | 値 | 値 | | 値 | テーブルメニューを使用して必要なサイズのテーブルを設定します。 | 値 | 値 | 値 |

ページ ページネーション

詳細

概要テキスト

このスタイルを実現するには、details を .fancy-details クラスの div でラップする必要があります。

概要テキスト

このスタイルを実現するには、details を .fancy-details クラスの div でラップする必要があります。