<h3>Tabs</h3>
<div class="c-tabs c-tabs--left js-tabs">
    <div class="c-tabs__controls">
        <a class="c-tabs__link c-tabs__link--active" href="#c-tabs__tab1" id="tab-one" role="presentation" title="One">One</a>
        <a class="c-tabs__link" href="#c-tabs__tab2" id="tab-two" role="presentation" title="Two">Two</a>
        <a class="c-tabs__link" href="#c-tabs__tab3" id="tab-three" role="presentation" title="Three">Three</a>
        <a class="c-tabs__link" href="#c-tabs__tab4" id="tab-four" role="presentation" title="Four">Four</a>
    </div>
    <div class="c-tabs__content">
        <div class="c-tabs__tab c-tabs__tab--active" id="c-tabs__tab1">
            <div class="b-ugc">One</div>
        </div>
        <div class="c-tabs__tab" id="c-tabs__tab2">
            <div class="b-ugc">Two</div>
        </div>
        <div class="c-tabs__tab" id="c-tabs__tab3">
            <div class="b-ugc">Three</div>
        </div>
        <div class="c-tabs__tab" id="c-tabs__tab4">
            <div class="b-ugc">Four</div>
        </div>
    </div>
</div>
<h3>Tabs</h3>
<div class="c-tabs{{ modifier }} js-tabs">
    <div class="c-tabs__controls">
        <a class="c-tabs__link c-tabs__link--active" href="#c-tabs__tab1" id="tab-one" role="presentation" title="One">One</a>
        <a class="c-tabs__link" href="#c-tabs__tab2" id="tab-two" role="presentation" title="Two">Two</a>
        <a class="c-tabs__link" href="#c-tabs__tab3" id="tab-three" role="presentation" title="Three">Three</a>
        <a class="c-tabs__link" href="#c-tabs__tab4" id="tab-four" role="presentation" title="Four">Four</a>
    </div>
    <div class="c-tabs__content">
        <div class="c-tabs__tab c-tabs__tab--active" id="c-tabs__tab1">
            <div class="b-ugc">One</div>
        </div>
        <div class="c-tabs__tab" id="c-tabs__tab2">
            <div class="b-ugc">Two</div>
        </div>
        <div class="c-tabs__tab" id="c-tabs__tab3">
            <div class="b-ugc">Three</div>
        </div>
        <div class="c-tabs__tab" id="c-tabs__tab4">
            <div class="b-ugc">Four</div>
        </div>
    </div>
</div>
{
  "name": "Default",
  "modifier": " c-tabs--left"
}

There are no notes for this item.