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 CustomTypeDemo() {
  return (
        <div className="flex justify-between gap-4">
          <Tooltip type="success" text="The Evil Rabbit Jumped over the Fence">
            <span className="dark:text-white">Top</span>
          </Tooltip>
          <Tooltip position="bottom" type="error" text="The Evil Rabbit Jumped over the Fence">
            <span className="dark:text-white">Bottom</span>
          </Tooltip>
          <Tooltip position="left" type="warning" text="The Evil Rabbit Jumped over the Fence">
            <span className="dark:text-white">Left</span>
          </Tooltip>
          <Tooltip position="right" type="violet" text="The Evil Rabbit Jumped over the Fence">
            <span className="dark:text-white">Right</span>
          </Tooltip>
        </div>
  );
}