ilinxa
blockapp-sidebar-fixturessource: ok · hit
App Sidebar — fixtures
App Sidebar plus the dummy-data fixtures used by the docs-site demo.
npx shadcn add "https://ui.ilinxa.com/r/app-sidebar-fixtures.json"free
Where it goes
sidebardashboard-shell
Use cases
dashboard
Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.
Dependencies
Bundle weight · lightRegistry dependencies
@ilinxa/app-sidebar
Files1 · source cached 10/13/2026, 3:57:38 AM
src/registry/components/navigation/app-sidebar/dummy-data.ts
import {
Bell,
Briefcase,
Compass,
CreditCard,
FileText,
FolderKanban,
Home,
Inbox,
MessageCircle,
Settings,
User,
Users,
} from "lucide-react";
import type { NavEntry } from "./types";
/**
* Dummy data — kasder-style recipe + a sectioned variant.
* Used by demo.tsx (docs site) AND ships via the `app-sidebar-fixtures`
* registry sibling so consumers can paste-and-go.
*/
// Flat list (kasder-style)
export const SIDEBAR_NAV_DUMMY_ITEMS: ReadonlyArray<NavEntry> = [
{ id: "home", label: "Home", href: "/social/home", icon: Home },
{ id: "explore", label: "Explore", href: "/social/explore", icon: Compass },
{ id: "chat", label: "Messages", href: "/social/chat", icon: MessageCircle, badge: 3 },
{ id: "notif", label: "Notifications", href: "/social/notifications", icon: Bell, badge: 5 },
{ id: "prof", label: "Profile", href: "/social/profile", icon: User },
{ id: "biz", label: "Business", href: "/social/business", icon: Briefcase },
];
// Sectioned variant — demonstrates groups + separators + collapsible
export const SIDEBAR_NAV_DUMMY_SECTIONED: ReadonlyArray<NavEntry> = [
{ id: "home", label: "Home", href: "/", icon: Home },
{ id: "inbox", label: "Inbox", href: "/inbox", icon: Inbox, badge: 12 },
{ kind: "separator", id: "sep-1" },
{
kind: "section",
id: "workspace",
title: "Workspace",
collapsible: true,
items: [
{ id: "projects", label: "Projects", href: "/projects", icon: FolderKanban },
{ id: "team", label: "Team", href: "/team", icon: Users },
{ id: "docs", label: "Docs", href: "/docs", icon: FileText },
],
},
{
kind: "section",
id: "admin",
title: "Admin",
collapsible: true,
defaultCollapsed: true,
items: [
{ id: "settings", label: "Settings", href: "/admin/settings", icon: Settings },
{ id: "billing", label: "Billing", href: "/admin/billing", icon: CreditCard },
],
},
];
export const SIDEBAR_NAV_DUMMY_CURRENT_PATH = "/social/home";