ComponentsButtons
Ice Button
A button made of ice: pressing sends fine cracks out from the press point, and they heal as the surface refreezes.
"use client";
import { IceButton } from "@/components/miyuki-ui/ice-button";
export default function IceButtonDemo() {
return (
<div className="flex flex-wrap items-center justify-center gap-4">
<IceButton size="lg">Break the ice</IceButton>
<IceButton size="lg" tone="deep">
Go under
</IceButton>
</div>
);
}Install
npx shadcn@latest add @miyuki-ui/ice-buttonThis needs the @miyuki-ui registry in your components.json. See Using the shadcn CLI.