This Documentation is Moved!

This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/

Arches: JACC & Bootstrap

Arches:JACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/journal_boot.css, line 6758

4.1.3 Toggle Chevron

Toggle elements of a collapse with user feed back of the icon rotating.

Example s

Default styling

#targetName

the name of the target of the collapse

<div class="a:bg_black-3 h:bg_black-4 flex_none p_2" data-bs-toggle="collapse" data-bs-target="[modifier class]" aria-controls="[modifier class]" aria-expanded="true">
        <i class="a:rotation fa-fw fa-chevron-up fas self_center text_center"></i>
</div>

<div class="a:bg_black-3 h:bg_black-4 flex_none p_2" data-bs-toggle="collapse" data-bs-target="[modifier class]" aria-controls="[modifier class]" aria-expanded="true">
        <i class="a:rotation fa-fw fa-chevron-up fas self_center text_center"></i>
</div>

Code Sample

Copy Code