Tabs

Basic Tabs

var tabs = new TablerTabs();
tabs.AddTab("Overview", tab => {
    tab.Add(new TablerText("Overview content"));
});
tabs.AddTab("Details", tab => {
    tab.Add(new TablerText("Details content"));
});
tabs.AddTab("Settings", tab => {
    tab.Add(new TablerText("Settings content"));
});
page.Add(tabs);

Vertical Tabs

var tabs = new TablerTabs();
tabs.Settings(s => s.Orientation(TabsOrientation.VerticalLeft).End());
tabs.AddTab("Tab 1", tab => {
    tab.Add(new TablerText("Tab 1 content"));
});
tabs.AddTab("Tab 2", tab => {
    tab.Add(new TablerText("Tab 2 content"));
});
page.Add(tabs);

Pills Style

tabs.Settings(s => s.NavStyle(TabsNavStyle.Pills).End());

Tabs with Icons

tabs.AddTab("Users", tab => {
    tab.WithIcon(TablerIconType.Users);
    tab.Add(new TablerText("User management"));
});