ヘッダー

見出しHeading1

見出しHeading2

見出しHeading3

見出しHeading4

見出しHeading5
見出しHeading6

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

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

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

※Annotation center

※Annotation end

ボタンsm ボタンsm blank ボタンsm アイコンなし ボタンsm（定義済みのアイコンを指定） ボタンsm（任意のアイコンをslotで左に表示） ボタンsm（任意のアイコンをslotで右に表示） ボタンsm secondary ボタンsm outline ボタンsm text
ボタンmd ボタンmd blank ボタンmd アイコンなし ボタンmd（定義済みのアイコンを指定） ボタンmd（任意のアイコンをslotで左に表示） ボタンmd（任意のアイコンをslotで右に表示） ボタンmd secondary ボタンmd outline ボタンmd text
ボタンsm ボタンlg blank ボタンlg アイコンなし ボタンlg（定義済みのアイコンを指定） ボタンlg（任意のアイコンをslotで左に表示） ボタンlg（任意のアイコンをslotで右に表示） ボタンlg secondary ボタンlg outline ボタンlg text
a要素でdisabled
Chip
Chip 削除あり
Chip リンク
Chip リンクで削除ありの場合divになる
Chip buttonで削除ありの場合divになる
Chip 任意のアイコン
Chip 削除あり 任意のアイコン
Chip outline
Chip sm
Chip sm outline
  • リストdisc
  • リストdisc
  1. リストdecimal
  2. リストdecimal
  1. リストparen
  2. リストparen
  • リスト入れ子
    • 入れ子.disc
  • リスト入れ子
    1. 入れ子.decimal
  • リスト入れ子
    1. 入れ子.paren
アコーディオン
アコーディオン コンテンツ
アコーディオン（デフォルトオープン）
アコーディオン コンテンツ
アコーディオン（排他的）
アコーディオン コンテンツ
アコーディオン（排他的）
アコーディオン コンテンツ
タブ1 コンテンツ
タブ4 コンテンツ

モーダル中身

モーダル中身

モーダル中身

ラベル補足テキスト

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

ラベル補足テキスト

ラベル補足テキスト

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

Stack

 
 
 
 
 
 
 
 

Grid

 
 
 
 
 
 

余白

--spacing-3xs
--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

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

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