ComponentsButtons
Drip Button
A button that gathers a drop of its own colour on its lower edge and lets it fall, with a small ring where it lands.
"use client";
import { DripButton } from "@/components/miyuki-ui/drip-button";
export default function DripButtonDemo() {
return (
<div className="flex flex-wrap items-start justify-center gap-x-5 gap-y-14 pb-12">
<DripButton size="lg">Pour</DripButton>
<DripButton size="lg" variant="primary">
Steep 3 minutes
</DripButton>
</div>
);
}Install
npx shadcn@latest add @miyuki-ui/drip-buttonThis needs the @miyuki-ui registry in your components.json. See Using the shadcn CLI.