ヘッダー

見出しHeading1

見出しHeading2

見出しHeading3

見出しHeading4

見出しHeading5
見出しHeading6

テキストテキストリンクテキストテキスト

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

ボタンsm ボタンsm blank ボタンsm アイコンなし ボタンsm secondary ボタンsm outline ボタンsm text ボタンsm（任意のアイコンを左に表示） ボタンsm（任意のアイコンを右に表示）
ボタンsm ボタンsm blank ボタンsm アイコンなし ボタンsm secondary ボタンsm outline ボタンsm text ボタンsm（任意のアイコンを左に表示） ボタンsm（任意のアイコンを右に表示）
ボタンsm ボタンsm blank ボタンsm アイコンなし ボタンsm secondary ボタンsm outline ボタンsm text ボタンsm（任意のアイコンを左に表示） ボタンsm（任意のアイコンを右に表示）
  • リストdisc
  • リストdisc
  1. リストdecimal
  2. リストdecimal
  1. リストparen
  2. リストparen
  • リスト入れ子
    • 入れ子.disc
  • リスト入れ子
    1. 入れ子.decimal
  • リスト入れ子
    1. 入れ子.paren
アコーディオン
アコーディオン コンテンツ
アコーディオン（デフォルトオープン）
アコーディオン コンテンツ
アコーディオン（排他的）
アコーディオン コンテンツ
アコーディオン（排他的）
アコーディオン コンテンツ
タブ1 コンテンツ
タブ4 コンテンツ

モーダル中身

モーダル中身

モーダル中身

ラベル補足テキスト

ディスクリプションテキスト 入力例など（例：〇〇〇〇）
任意 チェックボックス
任意 ラジオボタンラベル

ラベル補足テキスト

ラベル補足テキスト

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

Stack

 
 
 

Grid

 
 
 
 
 
 

余白

--spacing-2xs
--spacing-xs
--spacing-sm
--spacing-md
--spacing-lg
--spacing-xl
--spacing-2xl
--spacing-3xl
--spacing-4xl
--spacing-5xl
 

tailwind

テキストtext-4xl

テキストtext-3xl

テキストtext-2xl

テキストtext-xl

テキストtext-lg

テキストtext-base

テキストtext-sm

テキストtext-xs

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

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