🔧 fix(ShadTooltipComponent): add style prop to ShadTooltip component to allow custom styling
🔧 fix(types): add style property to ShadToolTipType to reflect the changes in ShadTooltipComponent
This commit is contained in:
parent
867c7a067d
commit
39daf5e8cf
2 changed files with 3 additions and 1 deletions
|
|
@ -12,13 +12,14 @@ export default function ShadTooltip({
|
||||||
asChild = true,
|
asChild = true,
|
||||||
children,
|
children,
|
||||||
delayDuration,
|
delayDuration,
|
||||||
|
style
|
||||||
}: ShadToolTipType) {
|
}: ShadToolTipType) {
|
||||||
return (
|
return (
|
||||||
<TooltipProvider>
|
<TooltipProvider>
|
||||||
<Tooltip delayDuration={delayDuration}>
|
<Tooltip delayDuration={delayDuration}>
|
||||||
<TooltipTrigger asChild={asChild}>{children}</TooltipTrigger>
|
<TooltipTrigger asChild={asChild}>{children}</TooltipTrigger>
|
||||||
|
|
||||||
<TooltipContent side={side} avoidCollisions={false} sticky="always">
|
<TooltipContent className={style} side={side} avoidCollisions={false} sticky="always">
|
||||||
{content}
|
{content}
|
||||||
</TooltipContent>
|
</TooltipContent>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
|
|
|
||||||
|
|
@ -147,6 +147,7 @@ export type ShadToolTipType = {
|
||||||
asChild?: boolean;
|
asChild?: boolean;
|
||||||
children?: ReactElement;
|
children?: ReactElement;
|
||||||
delayDuration?: number;
|
delayDuration?: number;
|
||||||
|
style?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type TextHighlightType = {
|
export type TextHighlightType = {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue