Arches: Arches

Arches:Arches

Multi Product Brand Style System by the American College of Cardiology

Navigation

Source: dist/css/bespoke_all.css, line 154

2.1.1 Disabled

This component represents a disabled state variation of the wizard navigation with chevrons. The disabled state is applied to the "Wizard Progress" bar, indicating that it is currently disabled and not accessible.

Example

Default styling

<ol class="bg_black-2 br_1 br_black-3 br_solid c_black c_black-6 disabled flex flex_row font-size_down-1 font_bold font_display items_center lh_0 m-t_n3 m-x_n3 m_0 p_0 ul_none user-select_none w_auto wizard-nav_w-chevrons">
    <li class="flex flex_row gap_3 br_black-4 inline-block items_center justify_center p-y_4 self_stretch vertical-align-middle">
        <i class="fas  fa-lock inline"></i>
        <span class="Login">Login</span>
    </li>
    <li class="flex flex_row gap_3 br_black-4 inline-block items_center justify_center p-y_4 self_stretch vertical-align-middle">
        <i class="fas  fa-lock inline"></i>
        <span class="Login">Eligibility Check</span>
    </li>
    <li class="flex flex_row gap_3 br_black-4 inline-block items_center justify_center p-y_4 self_stretch vertical-align-middle">
        <i class="fas fa-lock inline"></i>
        <span class="Login">Progress Check</span>
    </li>
    <li class="flex flex_row gap_3 br_black-4 inline-block items_center justify_center p-y_4 self_stretch vertical-align-middle">
        <i class="fas fa-lock inline"></i>
        <span class="Login m-r_3">CMP Status</span>
    </li>
</ol>
Copy Code