FLIN App

Basic Sidebar

Simple vertical navigation with icon + label links.

Project Management

Sidebar for a project management app with dashboard, tasks, and team sections.

Admin Panel

Infrastructure and security-focused sidebar for admin dashboards.

CRM Application

Customer relationship management sidebar with contacts, deals, and reports.

Usage

<Sidebar> <a href="/"><Icon name="home" size="16" /> Home</a> <a href="/inbox"><Icon name="inbox" size="16" /> Inbox</a> <a href="/calendar"><Icon name="calendar" size="16" /> Calendar</a> <a href="/settings"><Icon name="settings" size="16" /> Settings</a></Sidebar>

Props

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

Sidebar

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

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

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

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