Components
Loading preview...
Here is simple minimalistic hover button
npx shadcn@latest add https://21st.dev/r/mrhyddenn/hover-button// demo.tsx
import * as React from "react";
import HoverSlatButton from "@/components/ui/hover-button";
const HoverSlatButtonDemo = () => {
return (
<div className="flex h-[450px] w-full flex-col items-center justify-center gap-12 bg-background p-10">
<HoverSlatButton initialText="HOVER" hoverText="WORLD" />
</div>
);
};
export { HoverSlatButtonDemo as DemoOne };