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

9.4.3.2 Tab: Disabled

experimental

Description: Disabled decorations is a swap of many of the decoration classes with the removal of the hover and active classes.

Experimental: This design is currently being reworked and might possibly change. (June 2021)

Example

Disabled

NOTE:

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

<li class="disabled nav-item relative p_3 p-x_4:md h:bg_black-3 br-l_1 br_black-3 br_solid flex_grow text_center bg_disabled opacity_disabled a:bg_accent-n1">
    <a class="c_disabled h:undecorated expanded-click-area c_black-8 a:c_white-9 h:c_black "
        href="#"
        tabindex="-1"
        aria-disabled="true">
        Disabled</a>
</li>

<li class="disabled nav-item relative p_3 p-x_4:md h:bg_black-3 br-l_1 br_black-3 br_solid flex_grow text_center bg_disabled opacity_disabled a:bg_accent-n1">
    <a class="c_disabled h:undecorated expanded-click-area c_black-8 a:c_white-9 h:c_black "
        href="#"
        tabindex="-1"
        aria-disabled="true">
        Disabled</a>
</li>

Code Sample

Copy Code

This Documentation is Moved!

Arches: Online Video Library

Arches:Online Video Library

9.4.3.2 Tab: Disabled

Example

NOTE:

Code Sample