I think one of the problems you may be having is trying to use the oh-block
components. The tabs work just fine without them.
uid: widget_tab_demo
component: f7-card
config:
title: Tab Demo
slots:
default:
- component: f7-tabs
config:
id: tabs
slots:
default:
- component: f7-tab
config:
id: tab1
tabActive: true
slots:
default:
- component: Label
config:
text: Test Tab1
- component: f7-tab
config:
id: tab2
tabActive: false
slots:
default:
- component: Label
config:
text: Test Tab2
- component: f7-toolbar
config:
tabbar: true
bottom: true
slots:
default:
- component: f7-link
config:
tabLink: "#tab1"
text: "Tab #1"
tabLinkActive: true
- component: f7-link
config:
tabLink: "#tab2"
text: "Tab #2"