ヘッダー

見出しHeading1

見出しHeading2

見出しHeading3

見出しHeading4

見出しHeading5
見出しHeading6
※ テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
ボタンsm ボタンsm secondary ボタンsm outline ボタンsm text
ボタン ボタン secondary ボタン outline ボタン text
ボタンlg ボタンlg secondary ボタンlg outline ボタンlg text
  • リストdisc
  • リストdisc
  1. リストdecimal
  2. リストdecimal
  1. リストparen
  2. リストparen
  • リスト入れ子
    • 入れ子.disc
  • リスト入れ子
    1. 入れ子.decimal
  • リスト入れ子
    1. 入れ子.paren
アコーディオン
アコーディオン コンテンツ
アコーディオン（デフォルトオープン）
アコーディオン コンテンツ
アコーディオン（排他的）
アコーディオン コンテンツ
アコーディオン（排他的）
アコーディオン コンテンツ
タブ1 コンテンツ
タブ4 コンテンツ

モーダル中身

アラート中身

ラベル補足テキスト

ディスクリプションテキスト 入力例など（例：〇〇〇〇）

ラベル補足テキスト

ラベル補足テキスト

ディスクリプションテキスト 入力例など（例：〇〇〇〇）

余白

--spacing-xs（4px）
--spacing-sm（8px）
--spacing-md（16px）
--spacing-lg（24px）
--spacing-xl（40px）
--spacing-2xl（64px）
--spacing-3xl（104px）
--spacing-4xl（168px）
 

tailwind

テキストtext-4xl

テキストtext-3xl

テキストtext-2xl

テキストtext-xl

テキストtext-lg

テキストtext-base

テキストtext-sm

テキストtext-xs

テキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト