表示の切り替えに便利な「タブ」のサンプル

「タブ」について

「タブ」ブロックを使って、各タブごとに個別のコンテンツを表示できます。

ふき出しや下線などのデザインのほか、メニュー幅を均等にするなどの細かい設定が可能です。

サンプル

「ノーマル」「白抜き」「下線」「ふき出し」の4種類より、表示形式を選択できます。

ノーマル

選択されていないタブの色も変更できます。

白抜き

タブとコンテンツの間に境界線がないデザインが特徴です。

下線

メニューの形状を「角丸」に、幅を「均等」に設定しています。

ふき出し

メニューの形状を「角丸」に設定しています。

マニュアル

作成方法については、以下のマニュアルをご確認ください。