Files
shadcn-ui/apps/www/components/examples/tooltip/demo.tsx
2023-04-17 19:19:40 +04:00

28 lines
644 B
TypeScript

import { Plus } from "lucide-react"
import { Button } from "@/components/ui/button"
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip"
export function TooltipDemo() {
return (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button variant="outline" className="w-10 rounded-full p-0">
<Plus className="h-4 w-4" />
<span className="sr-only">Add</span>
</Button>
</TooltipTrigger>
<TooltipContent>
<p>Add to library</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
)
}