ComponentsButtons
Pond Button
A button whose surface is water: a press sends rings out from the press point and a little way past its edge.
"use client";
import { PondButton } from "@/components/miyuki-ui/pond-button";
export default function PondButtonDemo() {
return (
<div className="flex flex-wrap items-center justify-center gap-6">
<PondButton size="lg">Cast off</PondButton>
<PondButton size="lg" variant="brand">
Take a reading
</PondButton>
<PondButton size="lg" variant="secondary">
Cancel
</PondButton>
</div>
);
}Install
npx shadcn@latest add @miyuki-ui/pond-buttonThis needs the @miyuki-ui registry in your components.json. See Using the shadcn CLI.