Tab
mod-responsive-tab
スマートフォンサイズの時にはアコーディオン。その他のサイズの時にはタブのUIになる。
- タブ１
- タブ2
- タブ１ コンテンツ
- タブ2 コンテンツ
すべて閉じている状態
- タブ１
- タブ2
- タブ１ コンテンツ
- タブ2 コンテンツ
- タブ１
- タブ2
- タブ3
- タブ１ コンテンツ
- タブ2 コンテンツ
- タブ3 コンテンツ
すべて閉じている状態
- タブ１
- タブ2
- タブ3
- タブ１ コンテンツ
- タブ2 コンテンツ
- タブ3 コンテンツ
- タブ１
- タブ2
- タブ3
- タブ４
- タブ１ コンテンツ
- タブ2 コンテンツ
- タブ3 コンテンツ
- タブ４ コンテンツ
すべて閉じている状態
- タブ１
- タブ2
- タブ3
- タブ４
- タブ１ コンテンツ
- タブ2 コンテンツ
- タブ3 コンテンツ
- タブ４ コンテンツ
- タブ１ タブ１ タブ１ タブ１
- タブ2
- タブ3
- タブ４
- タブ5
- タブ１ コンテンツ
- タブ2 コンテンツ
- タブ3 コンテンツ
- タブ４ コンテンツ
- タブ5 コンテンツ
リンク用タブ
こちらのタブはクリックするとリンクします。また、スマホサイズの時もアコーディオンにはならずそのまま縮小されます
リンクタブ(上バージョン)
is-activeクラスを各ページで付与してください。
リンクタブ(下バージョン)
is-activeクラスを各ページで付与してください。