Commitf45277a

authored

chore: add Tooltip component (#16444)

1 parente289578 commitf45277aCopy full SHA for f45277a

File tree

+103

-0

lines changed

+103

-0

lines changed

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -60,6 +60,7 @@`
`60`	`60`	`"@radix-ui/react-slider":"1.2.2",`
`61`	`61`	`"@radix-ui/react-slot":"1.1.1",`
`62`	`62`	`"@radix-ui/react-switch":"1.1.1",`
	`63`	`+"@radix-ui/react-tooltip":"1.1.7",`
`63`	`64`	`"@radix-ui/react-visually-hidden":"1.1.0",`
`64`	`65`	`"@tanstack/react-query-devtools":"4.35.3",`
`65`	`66`	`"@xterm/addon-canvas":"0.7.0",`

Lines changed: 36 additions & 0 deletions

Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub.

Lines changed: 32 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,32 @@`
	`1`	`+importtype{Meta,StoryObj}from"@storybook/react";`
	`2`	`+import{Button}from"components/Button/Button";`
	`3`	`+import{`
	`4`	`+Tooltip,`
	`5`	`+TooltipContent,`
	`6`	`+TooltipProvider,`
	`7`	`+TooltipTrigger,`
	`8`	`+}from"./Tooltip";`
	`9`	`+`
	`10`	`+constmeta:Meta<typeofTooltipProvider>={`
	`11`	`+title:"components/Tooltip",`
	`12`	`+component:TooltipProvider,`
	`13`	`+args:{`
	`14`	`+children:(`
	`15`	`+<>`
	`16`	`+<TooltipProvider>`
	`17`	`+<Tooltipopen>`
	`18`	`+<TooltipTriggerasChild>`
	`19`	`+<Buttonvariant="outline">Hover</Button>`
	`20`	`+</TooltipTrigger>`
	`21`	`+<TooltipContent>Add to library</TooltipContent>`
	`22`	`+</Tooltip>`
	`23`	`+</TooltipProvider>`
	`24`	`+</>`
	`25`	`+),`
	`26`	`+},`
	`27`	`+};`
	`28`	`+`
	`29`	`+exportdefaultmeta;`
	`30`	`+typeStory=StoryObj<typeofTooltip>;`
	`31`	`+`
	`32`	`+exportconstDefault:Story={};`

Lines changed: 34 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,34 @@`
	`1`	`+import*asTooltipPrimitivefrom"@radix-ui/react-tooltip";`
	`2`	`+/**`
	`3`	`+ * Copied from shadc/ui on 02/05/2025`
	`4`	`+ *@see {@link https://ui.shadcn.com/docs/components/tooltip}`
	`5`	`+ */`
	`6`	`+import*asReactfrom"react";`
	`7`	`+import{cn}from"utils/cn";`
	`8`	`+`
	`9`	`+exportconstTooltipProvider=TooltipPrimitive.Provider;`
	`10`	`+`
	`11`	`+exportconstTooltip=TooltipPrimitive.Root;`
	`12`	`+`
	`13`	`+exportconstTooltipTrigger=TooltipPrimitive.Trigger;`
	`14`	`+`
	`15`	`+exportconstTooltipContent=React.forwardRef<`
	`16`	`+React.ElementRef<typeofTooltipPrimitive.Content>,`
	`17`	`+React.ComponentPropsWithoutRef<typeofTooltipPrimitive.Content>`
	`18`	`+>(({ className, sideOffset=4, ...props},ref)=>(`
	`19`	`+<TooltipPrimitive.Portal>`
	`20`	`+<TooltipPrimitive.Content`
	`21`	`+ref={ref}`
	`22`	`+sideOffset={sideOffset}`
	`23`	`+className={cn(`
	`24`	`+"z-50 overflow-hidden rounded-md bg-surface-primary px-3 py-2 text-xs font-medium text-content-secondary",`
	`25`	`+"border border-solid border-border animate-in fade-in-0 zoom-in-95",`
	`26`	`+"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",`
	`27`	`+"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",`
	`28`	`+"data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",`
	`29`	`+className,`
	`30`	`+)}`
	`31`	`+{...props}`
	`32`	`+/>`
	`33`	`+</TooltipPrimitive.Portal>`
	`34`	`+));`

Comments

(0)