custom classes for ToolTip
This commit is contained in:
@@ -9,6 +9,7 @@ type TooltipProps = {
|
|||||||
offsetX?: number;
|
offsetX?: number;
|
||||||
offsetY?: number;
|
offsetY?: number;
|
||||||
edgeBuffer?: number;
|
edgeBuffer?: number;
|
||||||
|
className?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function Tooltip({
|
export default function Tooltip({
|
||||||
@@ -19,6 +20,7 @@ export default function Tooltip({
|
|||||||
offsetX = 20,
|
offsetX = 20,
|
||||||
offsetY = 20,
|
offsetY = 20,
|
||||||
edgeBuffer = 10,
|
edgeBuffer = 10,
|
||||||
|
className,
|
||||||
}: TooltipProps) {
|
}: TooltipProps) {
|
||||||
const ttRef = useRef<HTMLDivElement | null>(null);
|
const ttRef = useRef<HTMLDivElement | null>(null);
|
||||||
const [show, setShow] = useState(false);
|
const [show, setShow] = useState(false);
|
||||||
@@ -67,6 +69,7 @@ export default function Tooltip({
|
|||||||
onMouseMove={handleMouseMove}
|
onMouseMove={handleMouseMove}
|
||||||
onTouchStart={handleTouchStart}
|
onTouchStart={handleTouchStart}
|
||||||
onTouchEnd={handleTouchEnd}
|
onTouchEnd={handleTouchEnd}
|
||||||
|
className={className}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user