snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/examples/radix/marker-link-button.tsx

@@ -0,0 +1,37 @@
+"use client"
+
+import { GitBranchIcon, RotateCcwIcon } from "lucide-react"
+import { toast } from "sonner"
+
+import {
+  Marker,
+  MarkerContent,
+  MarkerIcon,
+} from "@/styles/radix-rhea/ui/marker"
+
+export function MarkerLinkButtonDemo() {
+  return (
+    <div className="flex w-full max-w-sm flex-col gap-8 py-12">
+      <Marker asChild>
+        <a href="#links-and-buttons">
+          <MarkerIcon>
+            <GitBranchIcon />
+          </MarkerIcon>
+          <MarkerContent>View the pull request</MarkerContent>
+        </a>
+      </Marker>
+      <Marker asChild>
+        <button
+          type="button"
+          className="transition-colors hover:text-foreground"
+          onClick={() => toast("You clicked the revert button")}
+        >
+          <MarkerIcon>
+            <RotateCcwIcon />
+          </MarkerIcon>
+          <MarkerContent>Revert this change</MarkerContent>
+        </button>
+      </Marker>
+    </div>
+  )
+}