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 9160

13.14.3 Facet Checkbox With Trash

The single checkbox that is generated by the type ahead filter search. The trash button removes the filter.

Example

  • <li class="m-y_2">
        <div class="input flex user-select_none relative h:bg_black-1 br_radius">
            <div class="flex_none p-l_3 p-r_3 self_center"><input type="checkbox" name="checkfacet" id="checkfacet" class="font-size_up"></div>
            <div class="flex_auto self_center p-l_2 p-y_2"><label for="checkfacet" class="font-size_up lh_2 block"><span class="font_regular p-y_2 inline-block p-y_1:md">  type ahead filter </span></label></div>
            <div class="">
                <button class="bg_transparent br_0 br_radius c_alert h:bg_alert-3 h:c_alert-n3 p-y_2"><i class="fas fa-trash"></i></button>
            </div>
            <!---->
        </div>
    </li>
    Copy Code