コンテンツ表示

情報を並べる・折りたたむ・切り替える部品

• カード 画像・見出し・本文・リンクなどをひとまとめにした、四角い箱型の表示パーツ。
• カルーセル 複数の画像やカードを横方向に切り替えて 1 枚ずつ表示する部品。
• アコーディオン 見出しをクリックすると、その下の内容が開いたり閉じたりするパネル。
• タブ 見出し(タブ)を選ぶと、その下の内容だけが切り替わって表示される部品。
• 画像ギャラリー 複数の画像をサムネイルの格子状に並べて一覧表示する部品。
• タイムライン 出来事を時系列に沿って、縦の線とマーカーで結びながら並べる部品。
• データテーブル 複数の項目を行と列に整理して並べ、見出しクリックで並び替えもできる表。
• アバター ユーザーを表す丸いアイコン。画像がない場合は頭文字（イニシャル）で代用する。
• ビフォーアフタースライダー 2 枚の画像を重ねて表示し、境界線をドラッグして施工前後などを比較できる部品。
• レーティング 星の数で評価を表す部品。クリックして評価を入力する形と、結果だけを表示する形がある。
• カウントアップ 統計などの数字が 0 から目標値まで一気に増えていくように見せるアニメーション。
• 埋め込み YouTube 動画や Google マップなど、外部サービスの画面を iframe でページ内に表示する仕組み。