スタイル ガイド
色
Primary
Secondary 1
Secondary 2
Accent
Info
Success
Warning
Error
バッジ
NEW
UPDATED
太字、斜体、取り消し線
このテキストは太字です。
このテキストは_斜体_です。
このテキストは取り消し線です。
見出し
見出しテキスト h1
見出しテキスト h2
見出しテキスト h3
見出しテキスト h4
見出しテキスト h5
見出しテキスト h6
段落
デフォルトでは、Markdown は二重改行で段落を追加します。 単独の改行はそのまま同じ行にラップされます。 1 行を区切るソフトリターンを使用する場合は、行末に 2 つのスペースを追加します。
この行は末尾に段落区切りがあります (後に空行あり)。
この 2 行は、行末に二重スペースがないため、 1 行として表示されます。
次の行は末尾にソフト ブレークがあります (末尾に 2 つのスペース)
この行は直後の次の行に続きます。
この行は末尾に段落区切りがあります (後に空行あり)。
リンク
ブロック引用
見出しは単独で改行されます見出しはブロック要素であり自動的に改行されるため、 行継続文字は不要です。 テキスト行のみ、単一行の改行には二重スペースが必要です。
順序なしリスト
- アイテム 1
- アイテム 2
- アイテム 3
順序付きリスト
- アイテム 1
アイテム 1 は本当に重要です。 - アイテム 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 でラップする必要があります。