書き方ページ追加パーツ TESTSAMPLE
ボタン類
仮ルール（実際の運用方法については要相談）
・上下余白は囲っている要素側かadjustクラスで調整する。
・ボタン間の余白はgapで調整する。
・ボタン複数の際、こだわったカラム数を行いたい場合はrowで対応。
・上下余白は囲っている要素側かadjustクラスで調整する。
・ボタン間の余白はgapで調整する。
・ボタン複数の際、こだわったカラム数を行いたい場合はrowで対応。
ボタン単体(アイコンの種類)
基本のボタン別ウィンドウ
ダウンロード
ファイル
ボタン単体(アイコン右側)
文字幅によって幅が可変するボタンスマホ時のみ幅100％のボタン
常に幅100％までのびるボタン
常に幅100％ + センター寄せ
常に幅100％ + センター寄せ + アイコン右端固定
ボタン単体(アイコン左側)
アイコン左側常に幅100％までのびるボタン
常に幅100％ + センター寄せ
常に幅100％ + センター寄せ + アイコン左端固定
ボタン単体（ボタンの中央寄せ）
ボタン単体（ボタンの右寄せ）
ボタン複数（文字幅に応じて折り返す）
ボタン複数（折り返し無し、文字量に応じたボタン幅）
ボタン複数（折り返し無し、等幅）
ボタン複数（折り返し無し、等幅、スマホ時のみ縦並び）
アコーディオンパーツ
シンプル開閉
-
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
-
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
Q and A
-
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
-
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
フォームのページネーション表示
- 1
- 2
- 3
- 1
- 2
- 3
- 1
- 2
- 3