55 lines
2.1 KiB
TypeScript
55 lines
2.1 KiB
TypeScript
import Wrap from '@/components/wrap'
|
|
import {NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport} from '@radix-ui/react-navigation-menu'
|
|
import Link from 'next/link'
|
|
|
|
export default function TestPage() {
|
|
return (
|
|
<div className="fixed left-0 top-0 w-full">
|
|
<Wrap>
|
|
<NavigationMenu>
|
|
<div className="flex">
|
|
<div className="flex-1">
|
|
</div>
|
|
<div className="flex-1">
|
|
<NavigationMenuList className="flex justify-around">
|
|
<NavigationMenuItem>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/test">Test 0 </Link>
|
|
</NavigationMenuLink>
|
|
</NavigationMenuItem>
|
|
<NavigationMenuItem>
|
|
<NavigationMenuTrigger>
|
|
Test 1
|
|
</NavigationMenuTrigger>
|
|
<NavigationMenuContent>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/test">Test 1 Content</Link>
|
|
</NavigationMenuLink>
|
|
</NavigationMenuContent>
|
|
</NavigationMenuItem>
|
|
<NavigationMenuItem>
|
|
<NavigationMenuTrigger>
|
|
Test 2
|
|
</NavigationMenuTrigger>
|
|
<NavigationMenuContent>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/test">Test 2 Content</Link>
|
|
</NavigationMenuLink>
|
|
</NavigationMenuContent>
|
|
</NavigationMenuItem>
|
|
<NavigationMenuItem>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/test">Test 3 </Link>
|
|
</NavigationMenuLink>
|
|
</NavigationMenuItem>
|
|
<NavigationMenuIndicator className="w-full h-1 bg-green-500"/>
|
|
</NavigationMenuList>
|
|
</div>
|
|
</div>
|
|
<NavigationMenuViewport className="bg-blue-100"/>
|
|
</NavigationMenu>
|
|
</Wrap>
|
|
</div>
|
|
)
|
|
}
|