@paperbits/core/menu/ko/styleGuideSnippet.html

Paperbits core components.

<nav data-bind="styleableGlobal: variation" class="design-menu-horizontal">
    <div class="menu menu-horizontal" data-bind="stylePreview: variation.key">
        <ul class="nav">
            <li class="nav-item expanded">
                <a href="#" class="nav-link" data-bind="styleableGlobal: variation.components.navLink.default">
                    Nav link
                </a>
                <div class="dropdown show"
                    data-bind="styleableGlobal: variation.key + '/components/dropdown/default'">
                    <ul class="nav nav-horizontal">
                        <li class="nav-item">
                            <a href="#" class="nav-link"
                                data-bind="styleableGlobal: variation.key + '/components/dropdown/default/components/navLink/default'">
                                Nav link
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="nav-link nav-link-active"
                                data-bind="styleableGlobal: variation.key + '/components/dropdown/default/components/navLink/active'">
                                Nav link (active)
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="nav-item">
                <a href="#" class="nav-link nav-link-active"
                    data-bind="styleableGlobal: variation.key + '/components/navLink/active'">
                    Nav link (active)
                </a>
            </li>
        </ul>
    </div>
</nav>