Toggle Tooltip

1import { ToggleTooltip, ToggleTooltipTrigger, ToggleTooltipContent, ToggleTooltipArrow } from "@/components/ui/toggle-tooltip";
2
3<ToggleTooltip />

1"use client";
2
3import { Popover as ArkPopover } from "@ark-ui/react/popover";
4import { Portal } from "@ark-ui/react/portal";
5import type React from "react";
6import { cn } from "@/lib/utils";
7import { Popover, PopoverTrigger } from "@/registry/react/components/popover";
8
9export const ToggleTooltip = (
10  props: React.ComponentProps<typeof ArkPopover.Root>
11) => {
12  const {
13    positioning = { placement: "top" },
14    lazyMount = true,
15    unmountOnExit = true,
16    modal = false,
17    open: controlledOpen,
18    ...rest
19  } = props;
20
21  return (
22    <Popover
23      data-slot="toggle-tooltip"
24      lazyMount={lazyMount}
25      modal={modal}
26      positioning={positioning}
27      unmountOnExit={unmountOnExit}
28      {...rest}