Initial commit
This commit is contained in:
.gitignore
app
components.jsoncomponents
mdx-content.tsxpost-preview.tsxtheme-provider.tsx
ui
accordion.tsxalert-dialog.tsxalert.tsxaspect-ratio.tsxavatar.tsxbadge.tsxbreadcrumb.tsxbutton.tsxcalendar.tsxcard.tsxcarousel.tsxchart.tsxcheckbox.tsxcollapsible.tsxcommand.tsxcontext-menu.tsxdialog.tsxdrawer.tsxdropdown-menu.tsxform.tsxhover-card.tsxinput-otp.tsxinput.tsxlabel.tsxmenubar.tsxnavigation-menu.tsxpagination.tsxpopover.tsxprogress.tsxradio-group.tsxresizable.tsxscroll-area.tsxselect.tsxseparator.tsxsheet.tsxsidebar.tsxskeleton.tsxslider.tsxsonner.tsxswitch.tsxtable.tsxtabs.tsxtextarea.tsxtoast.tsxtoaster.tsxtoggle-group.tsxtoggle.tsxtooltip.tsxuse-mobile.tsxuse-toast.ts
hooks
lib
next.config.mjspackage.jsonpnpm-lock.yamlpostcss.config.mjsposts
public
styles
tailwind.config.tstsconfig.json
30
components/ui/tooltip.tsx
Normal file
30
components/ui/tooltip.tsx
Normal file
@ -0,0 +1,30 @@
|
||||
"use client"
|
||||
|
||||
import * as React from "react"
|
||||
import * as TooltipPrimitive from "@radix-ui/react-tooltip"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
const TooltipProvider = TooltipPrimitive.Provider
|
||||
|
||||
const Tooltip = TooltipPrimitive.Root
|
||||
|
||||
const TooltipTrigger = TooltipPrimitive.Trigger
|
||||
|
||||
const TooltipContent = React.forwardRef<
|
||||
React.ElementRef<typeof TooltipPrimitive.Content>,
|
||||
React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
|
||||
>(({ className, sideOffset = 4, ...props }, ref) => (
|
||||
<TooltipPrimitive.Content
|
||||
ref={ref}
|
||||
sideOffset={sideOffset}
|
||||
className={cn(
|
||||
"z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
))
|
||||
TooltipContent.displayName = TooltipPrimitive.Content.displayName
|
||||
|
||||
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
|
Reference in New Issue
Block a user