Tabs

A horizontal navigation system

<nav class="sf-c-tabs">
    <ul class="sf-c-tabs_list">
        @@loop('src/-/_components/tabs_item.html', [
            { "text" : "Tab 1", "url" : "#", "current": true},
            { "text" : "Tab 2", "url" : "#" },
            { "text" : "Tab 3", "url" : "#" }
        ])
    </ul>
</nav>