Icon Button

An accessible icon button with a required label, three sizes, and circle or square shape.

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

Import & use

import { Button4 } from "@/components/beste/component/button4";
import { Play } from "lucide-react";

// Icon-only: label is required and becomes the accessible name.
<Button4 label="Play showreel" icon={Play} onClick={() => console.log("play showreel")} />

<Button4
  label="Open on GitHub"
  href="https://github.com/beste"
  tone="dark"    // "neutral" (default) | "dark" | "primary"
  size="lg"      // "sm" | "md" (default) | "lg"
  rounded="md"   // "full" (default) | "md"
/>