Components
Loading preview...
Here is floating action button component
npx shadcn@latest add https://21st.dev/r/ln-dev7/floating-button// demo.tsx
import * as React from "react";
import CircularMenu from "@/components/ui/floating-button";
const CircularMenuDemo = () => {
const images = [
"https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=80&w=200&auto=format&fit=crop",
"https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?q=80&w=200&auto=format&fit=crop",
"https://images.unsplash.com/photo-1580489944761-15a19d654956?q=80&w=200&auto=format&fit=crop",
"https://images.unsplash.com/photo-1544005313-94ddf0286df2?q=80&w=200&auto=format&fit=crop",
];
return (
<div className="relative flex min-h-[450px] w-full items-center justify-center bg-background p-10">
<CircularMenu images={images} />
</div>
);
};
export { CircularMenuDemo as DemoOne };