Split Button

A split button with a main action and a separate secondary trigger for menus and options.

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

Import & use

import { Button5 } from "@/components/beste/component/button5";
import { ChevronDown } from "lucide-react";

// Main segment renders a <Link> when href is set; the secondary segment
// is always a button (e.g. to open a menu).
<Button5
  label="Deploy now"
  onClick={() => console.log("deploy")}
  secondaryLabel="Deployment options"
  onSecondaryClick={() => console.log("open options")}
/>

<Button5
  label="Download"
  href="/download"
  tone="outline"   // "dark" (default) | "primary" | "outline"
  onSecondaryClick={() => console.log("choose platform")}
/>