メインタイトル (h1)

セクションタイトル (h2)

サブセクション (h3)

見出し4 (h4)

見出し5 (h5)

見出し6 (h6)

ボタン要素

リスト

順序なしリスト

• リストアイテム1
• リストアイテム2
  • ネストされたアイテム1
  • ネストされたアイテム2
• リストアイテム3

順序ありリスト

1. 最初のステップ
2. 次のステップ
   1. サブステップA
   2. サブステップB
3. 最後のステップ

画像

画像は自動的にレスポンシブになり、適切なサイズと余白が設定されます。

テーブル要素

引用要素

これは引用文のサンプルです。左側にボーダーが表示され、背景色も設定されています。

コード要素

インラインコード: console.log('Hello World');

// プリフォーマットされたコードブロック
function greeting(name) {
    return `Hello, ${name}!`;
}

const message = greeting('World');
console.log(message);

コピー: Ctrl + C

プログレスバー要素

通常のプログレスバー

テーマ別プログレスバー

アニメーション付きプログレスバー

不確定プログレスバー

フォーカス・エラー状態テスト

以下の要素をクリックしてフォーカス状態を確認し、無効な値を入力してエラー状態をテストしてください。

サーチボックス

alertシリーズ

アコーディオンサンプル

これらの内容はすべてダミーです。