Tooltip

A set of headings, vertically stacked, that each reveal an related section of content. Commonly referred to as an accordion.

Geistbytigran tumasov

import { Tooltip } from "@/components/ui/tooltip-1";

export default function NoDelayDemo() {
  return (
        <div className="flex justify-between gap-4">
          <Tooltip text="The Evil Rabbit Jumped over the Fence" delay={false}>
            <span className="dark:text-white">Top</span>
          </Tooltip>
          <Tooltip position="bottom" text="The Evil Rabbit Jumped over the Fence" delay={false}>
            <span className="dark:text-white">Bottom</span>
          </Tooltip>
          <Tooltip position="left" text="The Evil Rabbit Jumped over the Fence" delay={false}>
            <span className="dark:text-white">Left</span>
          </Tooltip>
          <Tooltip position="right" text="The Evil Rabbit Jumped over the Fence" delay={false}>
            <span className="dark:text-white">Right</span>
          </Tooltip>
        </div>
  );
}