Components
Starting preview...
A floating action menu component made with framer motion and tailwind css.
@chetanverma16
npx shadcn@latest add https://21st.dev/r/chetanverma16/floating-action-menuimport FloatingActionMenu from "@/components/ui/floating-action-menu"
import { Settings, User, LogOut } from "lucide-react";
export const FloatingActionMenuDemo = () => {
return (
<FloatingActionMenu
className="relative"
options={[
{
label: "Account",
Icon: <User className="w-4 h-4" />,
onClick: () => console.log("Account clicked"),
},
{
label: "Settings",
Icon: <Settings className="w-4 h-4" />,
onClick: () => console.log("Settings clicked"),
},
{
label: "Logout",
Icon: <LogOut className="w-4 h-4" />,
onClick: () => console.log("Logout clicked"),
},
]}
/>
)
}
export { FloatingActionMenuDemo }