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: CVquality

Arches:CVquality

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/cvquality_boot.css, line 7312

4.1.1 Collapse Toggle Advanced

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

Example s

Default styling

#targetName

the name of the target of the collapse

<div class="flex_none" aria-expanded="false" data-bs-toggle="collapse" data-bs-target="[modifier class]" aria-controls="[modifier class]">
        <span class="fa-stack">
        <i class="fas fa-minus fa-stack-1x"></i>
        <i class="fas fa-minus rotate_90 a:rotation fa-stack-1x "></i>
        </span>
</div>

<div class="flex_none" aria-expanded="false" data-bs-toggle="collapse" data-bs-target="[modifier class]" aria-controls="[modifier class]">
        <span class="fa-stack">
        <i class="fas fa-minus fa-stack-1x"></i>
        <i class="fas fa-minus rotate_90 a:rotation fa-stack-1x "></i>
        </span>
</div>

Code Sample

Copy Code