FLIN App

Basic Bottom Navigation

Standard mobile navigation bar with home, search, alerts, and profile.

Social App

Social media app navigation with feed, explore, create, likes, and profile.

E-commerce App

Shopping app navigation with store, categories, cart, orders, and account.

Music App

Music streaming app with home, browse, library, and search.

Usage

<BottomNav> <a href="/"><Icon name="home" size="20" /> Home</a> <a href="/search"><Icon name="search" size="20" /> Search</a> <a href="/alerts"><Icon name="bell" size="20" /> Alerts</a> <a href="/profile"><Icon name="user" size="20" /> Profile</a></BottomNav>

Props

Prop	Type	Description
`children`	content	Navigation links with icons and labels

BottomNav

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

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

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

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