Arches: Online Video Library

Arches:Online Video Library

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/library_boot.css, line 6276

9.4.3.1 Tab: Active

experimental

Description: Active State of Dark Tab. Add and remove the active is-active class from the li-tag toggle the active effect

Example

Default styling

caution:
This item is not finalized and might be subject to change
NOTE:
Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly.
<li class="active nav-item relative p_3 p-x_4:md h:bg_black-3 br-l_1 br_black-3 br_solid flex_grow text_center bg_disabled opacity_disabled a:bg_accent-n1">
    <a
        id="ActiveLinkUI-tab"
        data-bs-toggle="tab"
        data-bs-target="#ActiveLinkUI"
        role="tab"
        aria-controls="ActiveLinkUI"
        aria-selected="true"
        class="c_disabled h:undecorated expanded-click-area c_black-8 a:c_white-9 h:c_black "
        href="#">Active</a>
</li>
Copy Code