Source: dist/css/library_boot.css, line 6415

5.6.2 Toggle Child

Description: Toggle elements are set to active if the attached node or its children are active. If the toggle is active the collapsed children navigation are open by default.

Example s

default

the toggle when it doesn't have an active class still shades on hover

active

shade the toggle

NOTE:

Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly.

<div class="[modifier] br-r_1 br_solid br_white-2 flex flex_column flex_none justify_start text-shadow_black-n1 c_white">
    <div class="flex_none" aria-expanded="false" data-bs-toggle="collapse" data-bs-target=".childNavCollapse" aria-controls=".childNavCollapse">
            <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>

<div class="[modifier] br-r_1 br_solid br_white-2 flex flex_column flex_none justify_start text-shadow_black-n1 c_white">
    <div class="flex_none" aria-expanded="false" data-bs-toggle="collapse" data-bs-target=".childNavCollapse" aria-controls=".childNavCollapse">
            <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>

Code Sample

Copy Code