Classes list
Every class Navbar recognizes, straight from the @flickui/css source.
| Class | Purpose |
|---|---|
.navbar | Base class on the <nav> — required |
.navbar-inner | Horizontal flex row holding brand/nav/actions |
.navbar-brand / .navbar-brand-name | Logo/name link and its truncating text wrapper |
.navbar-nav | Wraps the primary link list, flexes to fill space |
.navbar-links / .navbar-link | The link list and each link (aria-current="page" marks the active one) |
.navbar-actions | Trailing action buttons |
.navbar-toggle | Hamburger button, hidden unless a mobile breakpoint class is present |
.navbar-mobile-panel / -links / -link | The collapsed-menu flyout and its own link list |
.action-toggle-mobile | Behavior hook — wires the hamburger button to flickui.js's mobile-panel toggle |
.is-mobile-open / .is-closed | Runtime state on .navbar reflecting whether the mobile panel is open |
.is-scrolled | Swaps in a deeper shadow (toggle yourself from a scroll listener) |
.navbar-sticky | Pins the bar to the top of the viewport while scrolling |
.navbar-contained | Centers .navbar-inner at a max width instead of edge-to-edge |