feat(components): add back button component with tooltip

This commit is contained in:
cfngc4594 2025-03-12 12:22:41 +08:00
parent 247e54c40c
commit 97405a8657

View File

@ -0,0 +1,36 @@
import Link from "next/link";
import { cn } from "@/lib/utils";
import { ArrowLeftIcon } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
interface BackButtonProps {
href: string;
className?: string;
}
export default function BackButton({
href,
className,
...props
}: BackButtonProps) {
return (
<TooltipProvider delayDuration={0}>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
className={cn("h-8 w-auto p-2", className)}
asChild
{...props}
>
<Link href={href}>
<ArrowLeftIcon size={16} aria-hidden="true" />
</Link>
</Button>
</TooltipTrigger>
<TooltipContent className="px-2 py-1 text-xs">Back</TooltipContent>
</Tooltip>
</TooltipProvider>
);
}