uikit / uikit

A lightweight and modular front-end framework for developing fast and powerful web interfaces

Home Page:http://getuikit.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Flyout navbar

keep opened this issue · comments

commented

Summary

Hello guys.
It would be awesome if YOOtheme/UIkit could handle flyout navbar/menus, like this:
Clipboard_05-24-2024_01

This is already supported. Here's a simple example:

<nav uk-dropnav>
	<ul class="uk-subnav">
		<li class="uk-active"><a href="#">Active</a></li>
		<li>
			<a href>Parent <span uk-drop-parent-icon></span></a>
			<div class="uk-dropdown">
				<ul class="uk-nav uk-dropdown-nav">
					<li class="uk-active"><a href="#">Active</a></li>
					<li><a href="#">Item</a></li>
					<li>
						<a href="#">flyout</a>
						<div uk-dropdown="pos: right-top">
							<ul class="uk-nav uk-dropdown-nav">
								<li class="uk-active"><a href="#">Active</a></li>
								<li><a href="#">Item</a></li>
								<li class="uk-nav-header">Header</li>
								<li><a href="#">Item</a></li>
								<li><a href="#">Item</a></li>
								<li class="uk-nav-divider"></li>
								<li><a href="#">Item</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</li>
		<li><a href="#">Item</a></li>
	</ul>
</nav>