Avatar Stack Button

A social proof button with an avatar stack inside the pill and a trailing arrow.

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

Import & use

import { Button6 } from "@/components/beste/component/button6";

// Renders a <Link> when href is set, otherwise a <button> using onClick.
<Button6
  label="Join 2,400+ members"
  avatars={["/avatars/mia.jpg", "/avatars/deniz.jpg", "/avatars/omar.jpg"]}
  href="/signup"
/>

<Button6
  label="Meet the community"
  avatars={["/avatars/ada.jpg", "/avatars/can.jpg"]}
  tone="outline"   // "dark" (default) | "primary" | "outline"
  onClick={() => console.log("meet the community")}
/>