mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-06-30 08:04:18 +00:00
26 lines
640 B
TypeScript
26 lines
640 B
TypeScript
import { Button } from "@/examples/base/ui/button"
|
|
import {
|
|
Tooltip,
|
|
TooltipContent,
|
|
TooltipTrigger,
|
|
} from "@/examples/base/ui/tooltip"
|
|
|
|
export function TooltipSides() {
|
|
return (
|
|
<div className="flex flex-wrap gap-2">
|
|
{(["top", "right", "bottom", "left"] 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>
|
|
)
|
|
}
|