ORIENT/modules/system/assets/ui/docs/tab.md

Tabs

Content tabs

Content tabs are heavier tabs designed for displaying content.

Example

<div class="control-tabs content-tabs" data-control="tab">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tabOne">One</a></li>
        <li><a href="#tabTwo">Two</a></li>
        <li><a href="#tabThree">Three</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active">
            <div class="padded-container">
                Tab one content
            </div>
        </div>
        <div class="tab-pane">
            <div class="padded-container">
                Tab two content
            </div>
        </div>
        <div class="tab-pane">
            <div class="padded-container">
                Tab three content
            </div>
        </div>
    </div>
</div>