Expanding Reveal Button

An expanding icon button that reveals its label on hover or focus for compact layouts.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Button15 } from "@/components/beste/component/button15";
import { Mail } from "lucide-react";

// Renders a <Link> when href is set, otherwise a <button> using onClick.
// Collapsed it shows only the icon; hover/focus reveals the label.
<Button15 label="Get in touch" href="/contact" />

<Button15
  label="Email us"
  icon={Mail}      // seal icon (default: ArrowRight)
  tone="outline"   // "dark" (default) | "primary" | "outline"
  rounded="lg"     // "full" (default) | "lg" | "md" | "none", mirrored onto the seal
  onClick={() => console.log("email us")}
/>