There is no special tab panel widget shipping with pager.js.
It is however very easy to construct one using the children
observableArray and isVisible
observable property.
<div> <ul class="nav nav-tabs" data-bind="foreach: $page.children"> <li data-bind="css: {active: isVisible}"><a data-bind="text: $data.val('title'), page-href: $data"></a></li> </ul> <div data-bind="page: {id: 'Slagsmålsklubben', title: 'Slagsmålsklubben', sourceOnShow: 'https://embed.spotify.com/?uri=spotify:album:66KBDVJnA6c0DjHeSZYaHb', frame: 'iframe'}" class="hero-unit"> <iframe width="300" height="380" frameborder="0" allowtransparency="true"></iframe> </div> <div data-bind="page: {id: 'Binärpilot', title: 'Binärpilot', sourceOnShow: 'https://embed.spotify.com/?uri=spotify:album:67LKycg4jAoC06kZgjvbNd', frame: 'iframe'}" class="hero-unit"> <iframe width="300" height="380" frameborder="0" allowtransparency="true"></iframe> </div> </div>