FLIN App

Basic Navbar

Simple horizontal navigation with brand and text links.

With Icons

Nav items with leading icons for quick visual identification.

E-commerce Navbar

Shop navigation with search, wishlist, cart, and account links.

Documentation Site

Developer documentation navbar with guides, API reference, and community links.

Usage

<Navbar brand="MyApp"> <a href="/home">Home</a> <a href="/products">Products</a> <a href="/about">About</a></Navbar><Navbar brand="Dashboard"> <a href="#"><Icon name="layout-dashboard" size="16" /> Overview</a> <a href="#"><Icon name="users" size="16" /> Team</a> <a href="#"><Icon name="settings" size="16" /> Settings</a></Navbar>

Props

Prop	Type	Description
`brand`	text	Brand name displayed on the left (links to /)
`children`	content	Navigation links and items

Navbar

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Basic Navbar

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } With Icons

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } E-commerce Navbar

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Documentation Site