Play Button

A video play button with a circular play seal, label, and duration for showreels and product demos.

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

Import & use

import { Button7 } from "@/components/beste/component/button7";

// Renders a <Link> when href is set, otherwise a <button> using onClick.
<Button7 label="Watch showreel" sublabel="2:31" onClick={() => console.log("play showreel")} />

<Button7
  label="See it in action"
  href="/demo"
  tone="outline"   // "dark" (default) | "primary" | "outline"
/>