mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-02 10:35:35 +00:00
zeekay
1eac33eabc
- 3d-carousel-demo: Added 3 carousel items with gradient content - 3d-grid-demo: Added 6 grid items with colors, spans, and elevation - 3d-marquee-demo: Added scrolling text content with icons - 3d-text-demo: Added 3D text with metallic variant - animated-number-demo: Added revenue counter with ,456 - animated-testimonials-demo: Added 3 testimonials with authors - animated-list-demo: Added 3 notification items - ai-models-demo: Added GPT-4, Claude, Gemini models - ai-actions-demo: Added 4 AI action buttons - advanced-navigation-bar-demo: Added nav items with dropdowns All demos now have required props, resolving 10 TypeScript errors.
48 lines
927 B
TypeScript
48 lines
927 B
TypeScript
import { AdvancedNavigationBar } from "@/registry/default/ui/advanced-navigation-bar"
|
|
|
|
const navItems = [
|
|
{
|
|
title: "Products",
|
|
href: "/products",
|
|
description: "Browse our product catalog",
|
|
children: [
|
|
{
|
|
title: "All Products",
|
|
href: "/products/all",
|
|
},
|
|
{
|
|
title: "New Arrivals",
|
|
href: "/products/new",
|
|
},
|
|
{
|
|
title: "Best Sellers",
|
|
href: "/products/best",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Solutions",
|
|
href: "/solutions",
|
|
description: "Find the right solution for your needs",
|
|
},
|
|
{
|
|
title: "Pricing",
|
|
href: "/pricing",
|
|
},
|
|
{
|
|
title: "About",
|
|
href: "/about",
|
|
},
|
|
]
|
|
|
|
export default function AdvancedNavigationBarDemo() {
|
|
return (
|
|
<div className="w-full">
|
|
<AdvancedNavigationBar
|
|
items={navItems}
|
|
logo={<span className="font-bold text-xl">Logo</span>}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|