Nav-bar tabs
activeLink: {{ activeLink }}
Nav-bar tabs vertical
activeLink: {{ activeLink }}
Nav-bar tabs transparent
activeLink: {{ activeLink }}
Nav-bar tabs onSurface
activeLink: {{ activeLink }}
Tabs underlined with custom label
@for (tab of tabs; track tab; let index = $index) {
Заголовок {{ index }}
Подзаголовок {{ index }}
{{ tab }} content
}
Tabs underlined with custom label + icons
macOS
14.5+
Windows
XP+
Linux
Ubuntu 10+
FreeBSD
14.1+
Tabs underlined
Spam Attack Content
Miscellaneous Content
DDoS Content
IDS/IPS Alert Content
IDS/IPS Alert Content
IDS/IPS Alert Content
IDS/IPS Alert Content
Tabs kbq-stretch-tabs
content 1
content 2
content 3
Tabs with scrolled content
@for (tab of tabs; track tab; let index = $index) {
@let disabled = index === 2;
{{ tab }} content
scroll down vvv
Tabs onSurface
@for (tab of tabs; track tab) {
{{ tab }} content
}
Tabs transparent
@for (tab of tabs; track tab) {
{{ tab }} content
}
Tabs onSurface + transparent
@for (tab of tabs; track tab) {
{{ tab }} content
}
Tabs vertical
@for (tab of tabs; track tab) {
{{ tab }} content
}
Tabs vertical with custom label
Very long long long long long long long long tab label
Content
Empty
Empty Content
Content
selectedTabIndex
@for (tab of tabsWithIcons; track tab) {
{{ tab.tabId }}
Content for selected tab with index={{ selectedTabIndex }}
}
Tabs with actionbar
Active dashboard: {{ activeDashboard }}