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: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/virtual_boot.css, line 8415

13.1.3.2 Favorite Button Small

The favorite button is a simple icon that can be used to add or remove a favorite. This button reflects the state of the favorite.

Example s

Default styling

active

when the favorite is active

<a href="#" aria-label="mark as favorite" class="btn btn-secondary btn-sm flex_none a:bg_alert-n2  h:bg_alert-n4 [modifier]" ><i class="fas fa-heart"></i></a>

<a href="#" aria-label="mark as favorite" class="btn btn-secondary btn-sm flex_none a:bg_alert-n2  h:bg_alert-n4 [modifier]" ><i class="fas fa-heart"></i></a>

Code Sample

Copy Code