1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-18 21:09:40 +02:00
portainer/app/react/sidebar/SidebarItem/SidebarTooltip.tsx
2025-07-01 12:58:31 +12:00

24 lines
601 B
TypeScript

import Tippy, { TippyProps } from '@tippyjs/react';
type Props = {
content: React.ReactNode;
children?: TippyProps['children'];
};
export function SidebarTooltip({ children, content }: Props) {
return (
<Tippy
className="sidebar !rounded-md bg-graphite-600 p-3 !opacity-100 th-highcontrast:bg-black th-highcontrast:border th-highcontrast:border-solid th-highcontrast:border-white"
content={content}
delay={[0, 0]}
duration={[0, 0]}
zIndex={1000}
placement="right"
arrow
allowHTML
interactive
>
{children}
</Tippy>
);
}