#Can't get arrow to appear in tooltip

7 messages · Page 1 of 1 (latest)

errant thorn
#

Hello,

I'm a beginner in next.js and I'm trying to place my tooltip below my 'Log In' Text with an arrow but I can't get the arrow to show.

                <div className="relative mr-2">
                    <Tooltip
                        content={
                            <div className="flex items-center justify-center h-full">
                                Coming soon
                            </div>
                        }
                    showArrow={true}
                    placement="bottom"
                    size="sm"
                    className="bg-tooltip-grey bg-opacity-60 text-white rounded-md shadow-xl text-sm h-7 w-28">
                        <span className="cursor-pointer">Log In</span>
                    </Tooltip>
                </div>```
steep pulsar
#

which version are you using?

errant thorn
#

2.6.10 and Next.js 15.1.3 but I think I figured out why it wasn't working. I am using this Background component
https://ui.aceternity.com/components/background-beams
And when I add 'nextui()' inside my tailwind.config.ts under 'plugins' it works, but only if I disable the Background component:

    nextui(),
    //addVariablesForColors
  ],
};```

If I enable both plugins I get this error:

```Failed to compile

./app/globals.css:751:30
Parsing css source code failed
  749 |   --background: ({ opacityVariable, opacityValue }) => {
  750 |           if (!isNaN(+opacityValue)) {
> 751 |             return `hsl(var(${nextuiColorVariable}) / ${opacityValue})`;
      |                              ^
  752 |           }
  753 |           if (opacityVariable) {
  754 |             return `hsl(var(${nextuiColorVariable}) / var(${nextuiOpacityVariable}, var(${opacityVariable})))`;

Unexpected token Delim('$') at [project]/app/globals.css:750:29```
Now I know that I might not find any help here because it's also regarding another resource outside of nextui but maybe someone can help me or lead me to the right page to find help there.
image.png
steep pulsar
errant thorn
#

I see the last reply was 10 hours ago and they came to the same conclusion as I did. Are they still looking into the matter?

steep pulsar
#

that was actually me. i ll take a look

errant thorn
#

Oh haha thanks