Files
shadcn-ui/apps/v4/examples/base/tooltip-keyboard.tsx
2026-01-19 22:31:25 +04:00

24 lines
599 B
TypeScript

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