Corner Brackets Button

A monospace button framed by corner brackets that spring outward on hover.

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

Import & use

import { Button18 } from "@/components/beste/component/button18";

// Renders a <Link> when href is set, otherwise a <button> using onClick.
<Button18 label="View manifest" href="/about" />

<Button18
  label="Start a project"
  tone="primary"   // "foreground" (default) | "primary" | "muted"
  onClick={() => console.log("start a project")}
/>