Morph Floating Menu

pnpmnpmyarnbun
Copy to Clipboard
pnpm dlx shadcn@latest add @motokoui/morph-floating-menu

Copy to Clipboardimport { Home, Layers, Settings } from "lucide-react"
 
import { MorphFloatingMenu } from "@/components/ui/morph-floating-menu"
 
export default function Example() {
  return (
    <MorphFloatingMenu
      items={[
        { id: "home", label: "Home", icon: <Home />, href: "/" },
        {
          id: "components",
          label: "Components",
          icon: <Layers />,
          href: "/docs",
        },
        {
          id: "settings",
          label: "Settings",
          icon: <Settings />,
          onSelect: () => {},
        },
      ]}
    />
  )
}