Add Tooltip bgColor prop for content and arrow slots
#120
Conversation
🦋 Changeset detectedLatest commit: 417d8a6 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
| @@ -17,6 +17,7 @@ import type { ReactNode } from "react"; | |||
| export interface Props extends TooltipProps { | |||
| trigger: ReactNode; | |||
| content: ReactNode; | |||
| bgColor?: string; | |||
There was a problem hiding this comment.
The bgColor type should be JsxStyleProps["bgColor"] I believe. AFK right now, but the JsxStyleProps should be imported from generated/panda/jsx iirc. Will test everything when I have the chance in a bit on my laptop!
.changeset/polite-colts-obey.md
Outdated
| "@animareflection/ui": patch | ||
| --- | ||
|
|
||
| Added `Tooltip` color prop for content and arrow slots |
There was a problem hiding this comment.
Change to bgColor prop, as color prop is something different
|
Simply adding a bgColor prop to both arrow and arrowTip worked for some use cases, but not others. For example "accent.default, green, red, blue" worked but "accent.muted, yellow, orange" did not update the arrow properly. I am not sure why that was happening, but I had to remove the arrow bg in the recipe and add rotations as a workaround. |
hobbescodes
changed the title
Tooltip color prop for content and arrow slotsTooltip bgColor prop for content and arrow slots
Description
Task link: https://trello.com/c/w8KpyFoS/206-allow-customizing-tooltip-content-container-eg-background-color
Added
bgColorprop type.Test Steps