Files
shadcn-ui/apps/v4/examples/radix/tooltip-with-keyboard.tsx
2026-01-14 09:25:14 +04:00

26 lines
631 B
TypeScript

import { Button } from "@/examples/radix/ui/button"
import { Kbd } from "@/examples/radix/ui/kbd"
import {
Tooltip,
TooltipContent,
TooltipTrigger,
} from "@/examples/radix/ui/tooltip"
import { SaveIcon } from "lucide-react"
export function TooltipWithKeyboard() {
return (
<Tooltip>
<TooltipTrigger asChild>
<Button variant="outline" size="icon-sm">
<SaveIcon />
</Button>
</TooltipTrigger>
<TooltipContent className="pr-1.5">
<div className="flex items-center gap-2">
Save Changes <Kbd>S</Kbd>
</div>
</TooltipContent>
</Tooltip>
)
}