Files
shadcn-ui/apps/www/components/examples/tooltip/demo.tsx
2023-01-24 19:51:29 +04:00

27 lines
572 B
TypeScript

"use client"
import { Plus } from "lucide-react"
import { Button } from "@/components/ui/button"
import {
Tooltip,
TooltipContent,
TooltipTrigger,
} from "@/components/ui/tooltip"
export function TooltipDemo() {
return (
<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>
)
}