Tutorial 13 · Components

Navigation Aids

Breadcrumbs, pagination, dropdowns and tooltips — all keyboard wired.

8 minBeginnerlucUI 2 · v2.1.3

Objectives

  • Chain breadcrumbs.
  • Paginate and dropdown.

Steps

Breadcrumbs

crumb.html
<nav class="luc-breadcrumb"><a href="#">Home</a><span>/</span><span>Current</span></nav>

Dropdown + tooltip

Item
Hover me
← Previous Next →