Extendedkit Offcanvas

Added Classes

.offcanvas-bar-light

Added JavaScript component

selPanel: If you use the uk-offcanvas-bar-light class, you must specify .uk-offcanvas-bar-light in the selPanel attribute. If you use traditional offcanvas, you don't need to specify it.

See UIkit Document

Traditional Offcanvas

traditional

Added Offcanvas

Added

<div id="offcanvas-add" uk-offcanvas="selPanel:.uk-offcanvas-bar-light;">
<div class="uk-offcanvas-bar-light uk-flex uk-flex-column uk-text-center">

    <button class="uk-offcanvas-close uk-close-large" type="button" uk-close></button>

    <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" uk-nav>
        <li class="uk-active"><a href="#">Active</a></li>
        <li class="uk-parent">
            <a href="#">Parent</a>
            <ul class="uk-nav-sub">
                <li><a href="#">Sub item</a></li>
                <li><a href="#">Sub item</a></li>
                <li><a href="#">Sub item</a>
                    <ul>
                        <li><a href="#">Sub item</a></li>
                        <li><a href="#">Sub item</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="#">Item</a></li>
</div>
</div>