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

apps/v4/examples/base/tooltip-sides.tsx

@@ -0,0 +1,25 @@
+import { Button } from "@/styles/base-nova/ui/button"
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/styles/base-nova/ui/tooltip"
+
+export function TooltipSides() {
+  return (
+    <div className="flex flex-wrap gap-2">
+      {(["left", "top", "bottom", "right"] as const).map((side) => (
+        <Tooltip key={side}>
+          <TooltipTrigger
+            render={<Button variant="outline" className="w-fit capitalize" />}
+          >
+            {side}
+          </TooltipTrigger>
+          <TooltipContent side={side}>
+            <p>Add to library</p>
+          </TooltipContent>
+        </Tooltip>
+      ))}
+    </div>
+  )
+}