セクションコンテナ
上下にスペースのあるセクションコンテナです。デフォルトはsection。divへの変更可。size2種、背景色1種を設定しています。
ここではセクションコンテナをdivにしています。sizeはsm。id追加可。
幅コンテナ
コンテンツの左右スペース有無とmax-widthのvariantsのあるdivコンテナです。
default
only_pc
only_sp
narrow
narrow_only_pc
ヘディング
デフォルトはh2です。
セカンダリ
ターシャリ
クォータナリ
ボタン/ボタンリンク
サイズ3種、カラー2種、アイコン有無。
サイズ
サイズsmサイズデフォルト（md）aboutページへサイズlgカラー
カラーデフォルト（primary）aboutページへカラーsecondaryボタンアイコン
アイコン矢印アイコン下矢印アイコン左矢印タグの種類
デフォルトはNext/link。
_blankリンクの場合as="a"、target="_blank"を追加します。
Googleへページ内リンクの場合もas="a"とします。
Sec1へbuttonにする場合as="button"とします。onClickイベントハンドラが必要な場合はNext.jsの仕様上、clientコンポーネントの中にある必要があります。
リスト
- デフォルト。ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
- いいいいいいいいいいいいいいいい
- ボーダー装飾variant。ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
- いいいいいいいいいいいいいいいい
テーブル
| 見出し | セル内容セル内容セル内容 セル内容セル内容セル内容 |
|---|---|
| 見出し | セル内容セル内容セル内容 |
| 見出し | セル内容セル内容セル内容 |
| 見出し | 見出し | 見出し |
|---|---|---|
| variant smセル内容セル内容セル内容 セル内容セル内容セル内容 | セル内容セル内容セル内容 | セル内容セル内容セル内容 |
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい