Underline Arrow Button

A minimal text button with an animated underline and arrow for lightweight calls to action.

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

Import & use

import { Button2 } from "@/components/beste/component/button2";

// Renders a <Link> when href is set, otherwise a <button> using onClick.
<Button2 label="View all case studies" href="/work" />

<Button2
  label="See pricing"
  tone="muted"   // "foreground" (default) | "muted" | "primary"
  hideIcon       // drop the trailing arrow
  onClick={() => console.log("see pricing")}
/>